LocalStorage • Accessible • Responsive

A premium job application tracker built with real-world frontend fundamentals.

Track roles, update statuses, and stay consistent — with clean UX states, keyboard support, and fast client-side performance.

Try the Tracker See Features

CRUD: Add/Edit/Delete
UX States: Empty / Errors
A11y: Focus + ARIA

Weekly Momentum

Demo Data

Pipeline

8 active • 3 interviews • 1 offer

Best action

Follow up today

2 applications need a response.

Streak

4 weeks

Consistent applying wins.

Built to demonstrate real frontend engineering fundamentals — not a template.

Features that recruiters actually care about

Every interaction is intentional: accessibility, clean state handling, and practical UI patterns.

Scroll-spy navbar

Active section highlight + smooth navigation that works with keyboard users.

Accessible modal

ESC to close, focus trap, and proper ARIA — implemented in vanilla JS.

Client-side search/filter/sort

Fast interactions without any frameworks, with clear empty/error states.

FAQ accordion

Keyboard friendly toggles with aria-expanded and clean animation.

Helpful form validation

Real-time messages, not generic “invalid input”.

LocalStorage persistence

Your applications + UI preference survive refresh. Practical and real.

Live demo: Track applications

Add a role, update status, and filter your pipeline. Everything saves automatically.

Total

Applied

Interview

Offer

Add application

Fields marked * are required

Company *

Role title *

Status *

Applied date

Optional, but helpful for sorting.

Job link

Notes

Tip: Use the keyboard. Tab through fields, Enter to submit.

Your pipeline

Search, filter, sort — all client-side.

Accessibility note: action buttons include visible focus rings and readable labels.

Proof it’s built like a real product

Thoughtful details: clear hierarchy, predictable interactions, and safe persistence.

Performance

No heavy libraries. UI updates are minimal and fast.

Accessibility

Keyboard-first patterns: skip link, focus-visible, ARIA only where needed.

Engineering

Clean functions, event delegation, and localStorage persistence.

“This feels like a real internal tool — clean, fast, and easy to scan.”

Hiring Manager (sample feedback)

“The keyboard support + error handling shows maturity beyond ‘toy projects’.”

Senior Frontend Engineer (sample feedback)

“Great fundamentals: semantic HTML, clear states, and maintainable JS.”

Recruiter (sample feedback)

FAQ

Short answers. No fluff.

Want to see the engineering details?

Open the About modal to view what this project demonstrates (a11y, performance, and clean JS).

Use Tracker