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
Job Application Tracker

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.