EdTechReactAccessibilityResponsive design
Project
The Final Buzzer
Education
A React-based web application that helps students prepare for exams with a real-time countdown and a dashboard for tracking planned versus actual study time.
Overview
Product — Built a React study planner with real-time countdown and planned-vs-actual tracking.
Quality — Improved accessibility and responsive UX through SI539-driven audits.
Stack / Tools
Development
ReactJavaScriptDay.js (dayjs)Local StorageGitHub Pages (deployment)
Design & Research
Accessibility audit (manual testing)Keyboard navigation testingScreen reader testing (VoiceOver)Responsive layout testingWCAG-informed improvements
Demo
Highlights (My Key Contributions)
⭐Execution
- 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.
⭐Accessibility Impact
- Inclusive UX — Validated keyboard navigation and baseline screen reader behavior.
- Implementation — Improved labels/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.
- Forward plan — Documented scaling paths for WCAG contrast and analytics.