How can students see in real time whether they are actually following their exam prep plan?
Project
The Final Buzzer
Education
A React web app that helps students prep for exams with a real-time countdown and a dashboard that compares planned versus actual study time.
This project focuses on behavior change. Students get constant visual feedback on whether they are executing their plan.
Overview
Role
Frontend React Developer
Timeline
February - April 2025 (SI579/SI539 Course Project)
Accountability: Built a real time loop so students can compare plan vs actual effort instantly.
Execution: Shipped timer and workload workflows that convert intention into measurable execution.
Quality: Improved accessibility and responsive UX through targeted audits and implementation fixes.
Stack / Tools
Development
Design & Research
Demo
Loading video...
Highlights (My Key Contributions)
- Core features: Shipped countdown timer, task CRUD, and time tracking controls.
- Data flow: Added local persistence to preserve study history across sessions.
- UX clarity: Built a dashboard that summarizes workload and real progress.
- Inclusive UX: Validated keyboard navigation and baseline screen reader behavior.
- Implementation: Improved labels and structure for assistive technology support.
- Responsiveness: Refined layouts to keep dashboard usability on small screens.
Outcome
- Delivery: Shipped a production ready study workflow from planning to time tracking.
- Engineering growth: Strengthened real time state management and timer architecture.
- Quality mindset: Embedded accessibility checks during build, not post launch.
- Learning: Improved how I design for accessibility while shipping quickly.