Career Compass: Your Personalized Career Guidance Platform 🌟

Career Compass is a responsive and user-friendly web application designed to assist users in their career growth by providing personalized guidance and resources. Built with React, Firebase Authentication, and Tailwind CSS, it features secure login, password management, customizable profiles, and a dedicated section to showcase certifications and achievements. Users can access curated career resources and FAQs to make informed decisions, while the platform ensures scalability and modern design best practices. Perfect for those seeking a seamless and intuitive career development tool.

🔗 Live Link

https://career-compass-website-by-shahbaz.netlify.app/

✨ Features:

1. Personalized Career Advice

• Tailored career recommendations based on user profiles and preferences.

2. User Authentication

• Secure login and sign-up using Firebase Authentication.
• Google Sign-in for quick and easy access.

3. Profile Management

• Users can update their personal details, including name and profile picture, to maintain a personalized experience.

4. Forgot Password Functionality

• Functional password recovery system that redirects users to their Gmail inbox for resetting their passwords securely.

5. Responsive Design

• Fully responsive layout using Tailwind CSS, offering a seamless experience on both desktop and mobile devices.

🛠 Technology Used

💥 Dependencies:

"aos": "^2.3.4",
"firebase": "^11.0.2",
"localforage": "^1.10.0",
"match-sorter": "^8.0.0",
"react": "^18.3.1",
"react-dom": "^18.3.1",
"react-icons": "^5.3.0",
"react-rating-stars-component": "^2.2.0",
"react-router-dom": "^6.28.0",
"react-toastify": "^10.0.6",
"sort-by": "^1.2.0",
"swiper": "^11.1.15"

🔧 Installation Guidline:

1. First clone the project by running

  git clone https://github.com/shahbaz-kamal/career-compass-website.git

2. Change your directory to the cloned folder by

  cd folder_name

3. Run the following to install dependencies:

npm install

4. Run the following to install dependencies:

npm install

5. Create a firebase project and a file named .env.local in your root folder & use your firebase credintials as follows:

VITE_apiKey=your_api_key
VITE_authDomain=your_auth_domain
VITE_projectId=your_project_id
VITE_storageBucket=your_storage_bucket
VITE_messagingSenderId=your_messagingSenderId
VITE_appId=your_api_id

6. Run the following command and open the website locally on port 5173:

npm run dev