DOM Manipulation / Web App2026
Job Application Tracker
A fully responsive web application designed to track and manage job application statuses efficiently using dynamic DOM logic.
JavaScript (DOM)Tailwind CSSDaisyUIHTML5CSS3

Overview
Job Application Tracker is a practical productivity tool created to streamline job hunting. It features a real-time dashboard and dynamic status management, allowing applicants to keep clear visibility over their progress. Building this project served as a foundational milestone in practicing real-world functionality and complex state updates using pure JavaScript DOM manipulation.
Key Features
- Dynamic Status Management: Users can update application states to 'Interview' or 'Rejected' on the fly.
- Real-Time Dashboard: Metrics and application counts update instantly across the user interface whenever changes occur.
- Interactive Toggle States: Smooth switching between 'Interview' and 'Rejected' statuses.
- Tab-Based Filtering: Convenient tabbed navigation to organize and filter job applications seamlessly.
- Instant Deletion & UI Sync: Deleting an application cleans up both the UI card and dashboard counters immediately.
Challenges & Solutions
- Building real-world functional logic using pure DOM manipulation without relying on modern component frameworks.
- Maintaining synchronized state counts across the dashboard when dynamic events (like deletion or status toggles) occur.
- Handling dynamic element removal smoothly while ensuring responsive visual layout.
Future Roadmap
- Integrate LocalStorage or IndexedDB for persistent data storage across browser sessions.
- Add search functionality and sorting options (e.g., by date applied or company name).
- Implement salary tracking and interview reminder notifications.