Career Counseling Website

🔗 Important Links

• Live Site: Career Counseling Website
• Repository: GitHub

🌟 Overview

The Career Counseling Website is a dynamic platform designed to guide users in making informed career decisions. It offers personalized counseling sessions, resume reviews, and various other services to empower users on their professional journey.

✨ Features

1. Responsive Design:

   • Fully responsive across mobile, tablet, and desktop devices.

2. User Authentication:

   • Email/Password-based login and registration
   • Google login integration

3. Service Details Page:

   • Protected routes that redirect unauthenticated users to the login page
   • Detailed service information with a comment/feedback system

4. User Profile:

   • View and update user information (name and photo)
   • Firebase updateProfile() method integration

5. Additional Functionalities:

   • Forget password feature with email redirection
   • Dynamic page titles for a seamless browsing experience
   • A beautifully designed 404 Page for invalid routes

🛠️ Technologies Used

• Frontend: React, React Router, Tailwind CSS
• Backend: Firebase Authentication and Firestore Database
• UI Enhancements: Swiper Slider, AOS Animation, React Toastify

📄 Service Data Structure

[
  {
    "id": 1,
    "image": "https://i.ibb.co/example.jpg",
    "name": "Career Counseling Sessions",
    "category": "Online",
    "price": "$100",
    "duration": "05-12-24 5-6pm",
    "counselor": "John Doe",
    "rating": 4.8,
    "description": "Detailed guidance for career choices."
  }
]

📘 Documentation

Protected Routes

• Service Details Page: Redirects unauthenticated users to the login page
• My Profile Page: Allows logged-in users to view and update their profile

Authentication

• Firebase email/password authentication
• Google login for easy access

Responsiveness

• Designed to look great on mobile, tablet, and desktop devices

📊 Commit History

1. Setup Project: Initialize React app and install dependencies
2. Navbar Component: Add responsive Navbar with login/logout functionality
3. Firebase Config: Set up Firebase authentication
4. Home Page: Implement slider and service sections
5. Protected Routes: Add private route functionality
6. My Profile Page: Add user profile viewing and editing features
7. Service Details Page: Implement detailed service view with feedback/comments
8. Extra Features: Add forget password and dynamic page titles
9. Styling: Enhance UI with Tailwind CSS and animations
10. Bug Fixes: Resolve routing and authentication issues

Development Setup

This project uses Vite as the build tool. Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

🔗 Important Links

• Live Site: Career Counseling Website
• Repository: GitHub

📜 License

This project is licensed under the MIT License.

🤝 Contributing

Feel free to fork this repository, make changes, and submit a pull request!# Career-Compass