A responsive job application tracking website that helps users organize and manage their job applications in one place. Users can view all available jobs, mark jobs as Interview or Rejected, switch between statuses dynamically, and track the total number of jobs directly from the dashboard.
The application provides a clean card-based interface where every job contains detailed information such as company name, position, salary, location, and description. The dashboard updates automatically whenever a job status changes or a job is removed.
🔗 https://pritom-10.github.io/Job-Application-Tracker/
Frontend:
- HTML5
- JavaScript
Styling:
- Tailwind CSS
- daisyUI
- Shows total number of jobs
- Displays total Interview jobs dynamically
- Displays total Rejected jobs dynamically
- Dashboard updates instantly when job status changes or a job is deleted
- Displays all jobs in card format
- Minimum 8 job cards
- Each card contains:
- Company Name
- Position
- Location
- Job Type
- Salary
- Description
- Each card includes two buttons:
- Interview
- Rejected
- Clicking Interview:
- Moves the job into the Interview tab
- Adds "Interview" status to the card
- Increases Interview count in dashboard
- Clicking Rejected:
- Moves the job into the Rejected tab
- Adds "Rejected" status to the card
- Increases Rejected count in dashboard
- Users can change a job from Interview → Rejected
- Users can change a job from Rejected → Interview
- Dashboard counts and tab contents update automatically
- Three tabs are available:
- All
- Interview
- Rejected
- All tab shows every job
- Interview tab shows only Interview jobs
- Rejected tab shows only Rejected jobs
- Each tab displays the number of jobs on the right side
- Jobs can be removed from the interface using the Delete button
- Deleted jobs are removed from:
- Dashboard count
- All tab
- Interview / Rejected tab
- Counts update automatically after deletion
- Fully responsive for mobile, tablet, and desktop devices
- Clean and modern dashboard layout
- Optimized card design for smaller screens
- Tailwind CSS
- daisyUI
Clone the repository:
Go to the project folder:
- cd your-repo-name
Run with Live Server:
-
Open the folder in VS Code
-
Right click on index.html
-
Click "Open with Live Server"
Add your dashboard screenshot here
🌐 Live Site: https://pritom-10.github.io/Job-Application-Tracker/
💼 Portfolio: https://pritom-personal-portfolio.netlify.app/
Pritom Barua Shiro