Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/abubokkor98/career-compass
Career Compass: A platform offering career counseling and guidance with features like personalized advice, resources, and expert consultations. Built as part of my Programming Hero course assignment.
https://github.com/abubokkor98/career-compass
authentication firebase-auth framer-motion react-awesome-reveal react-helmet-async reactjs tailwindcss
Last synced: 21 days ago
JSON representation
Career Compass: A platform offering career counseling and guidance with features like personalized advice, resources, and expert consultations. Built as part of my Programming Hero course assignment.
- Host: GitHub
- URL: https://github.com/abubokkor98/career-compass
- Owner: Abubokkor98
- Created: 2025-01-05T09:46:38.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2025-01-14T07:59:36.000Z (24 days ago)
- Last Synced: 2025-01-14T08:48:50.564Z (24 days ago)
- Topics: authentication, firebase-auth, framer-motion, react-awesome-reveal, react-helmet-async, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://career-compass-auth.web.app
- Size: 1020 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Career Compass 🎓
**Career Compass** is a career counseling platform designed to guide individuals toward achieving their professional goals. The platform provides personalized recommendations, expert advice, and a streamlined user experience to help users navigate their career journey effectively.
## Live Demo 🚀
Check out the live version of the application: [Career Compass Live](https://career-compass-auth.web.app)
## Features ✨
- **Personalized Career Recommendations**: Tailored suggestions based on user input and interests.
- **Expert Guidance**: Access to career counseling resources and expert advice.
- **Resource Library**: A collection of career-related articles, tips, and tutorials.
- **User-Friendly Interface**: Responsive and intuitive design for seamless navigation.
- **Secure Authentication**: User authentication powered by Firebase.
## Tech Stack 🛠️
- **Frontend**: React.js, TailwindCSS
- **Authentication**: Firebase Authentication
- **Animation**: Framer Motion, React Awesome Reveal
- **Additional Libraries**: React Helmet Async
## Installation and Setup 🚀
1. Clone the repository:
```bash
git clone https://github.com/Abubokkor98/career-compass.git
```
2. Navigate to the project directory:
```bash
cd career-compass
```
3. Install dependencies:
```bash
npm install
```
4. Set up Firebase:
- Create a Firebase project at [Firebase Console](https://console.firebase.google.com/).
- Enable Authentication and configure the desired sign-in methods.
- Copy the Firebase configuration and create a `.env` file in the root directory.
- Add the following variables:
```plaintext
REACT_APP_FIREBASE_API_KEY=your-firebase-api-key
REACT_APP_FIREBASE_AUTH_DOMAIN=your-firebase-auth-domain
REACT_APP_FIREBASE_PROJECT_ID=your-firebase-project-id
REACT_APP_FIREBASE_STORAGE_BUCKET=your-firebase-storage-bucket
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=your-firebase-messaging-sender-id
REACT_APP_FIREBASE_APP_ID=your-firebase-app-id
```
5. Start the development server:
```bash
npm start
```
6. Access the application at `http://localhost:5173`.
## Folder Structure 📂
```
career-compass/
├── public/
├── src/
│ ├── components/
│ ├── pages/
│ ├── context/
│ ├── hooks/
│ ├── utils/
│ ├── App.jsx
│ ├── index.js
├── .env
├── package.json
└── README.md
```
## Contributing 🤝
Contributions are welcome! Feel free to fork the repository and submit a pull request.
1. Fork the repository.
2. Create a new branch:
```bash
git checkout -b feature-name
```
3. Commit your changes:
```bash
git commit -m "Add feature-name"
```
4. Push to the branch:
```bash
git push origin feature-name
```
5. Open a pull request.
## License 📜
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
## Contact 📧
- **Name**: Abu Bokkor Siddik
- **GitHub**: [Abubokkor98](https://github.com/Abubokkor98)
- **Email**: [email protected]
---
_Embark on your career journey with **Career Compass**!_