CareerFlow is a modern job application tracking platform that helps users organize and manage their job search through a visual workflow. The application allows users to add, edit, delete, and track job opportunities as they move through different stages of the hiring process.
The platform uses a pipeline to manage job applications across stages such as Applied, Interview, Offer, and Rejected.
CareerFlow was built using React and Firebase to provide a fast, responsive interface with persistent cloud storage.
This project was originally developed under the working name Job Application Tracker during early development. As the design and feature set evolved, the project was renamed to CareerFlow to better represent its purpose of managing the flow of career opportunities through the hiring process.
Users can create an account or log in using Firebase Authentication. Logged-in users have their job applications securely saved to the cloud.
Users can create new applications with the following information:
- Company (required)
- Role (required)
- Location (optional)
- Salary (optional)
- Job link (optional)
- Notes (optional)
Applications are displayed as cards that can be dragged between workflow stages:
- Applied
- Interview
- Offer
- Rejected
This provides a visual way to manage the hiring process.
Users can update application details at any time through the edit panel.
Applications can be removed instantly and are also deleted from Firebase when logged in.
When a user is logged in, applications are stored in Firebase Firestore and automatically reload when the user returns.
If the user is not logged in, applications are stored temporarily and will disappear when the page refreshes.
CareerFlow automatically loads company logos using the Clearbit Logo API when a job link is provided.
The dashboard provides quick statistics including:
- Total applications
- Interviews
- Offers
- Rejections
This allows users to track their job search progress.
Frontend
- React
- Vite
- CSS (Glassmorphism UI design)
Backend / Services
- Firebase Authentication
- Firebase Firestore Database
Libraries
- DnD Kit (Drag and Drop system)
- Clearbit Logo API
- The user creates an account or logs in.
- The user adds job applications using the application form.
- Each job appears as a card in the workflow board.
- Cards can be dragged between stages to update application status.
- Users can edit or delete applications as needed.
- When logged in, all data is stored in Firebase Firestore.
Clone the repository