A simple and minimal study stopwatch built using vanilla JavaScript.
https://study-timer-yusuf.netlify.app/
- Start / Pause / Reset timer
- Save study sessions
- Persistent history using localStorage
- Mobile responsive design
- HTML
- CSS
- JavaScript (Vanilla)
- Netlify (Deployment)
- How to manage state in JavaScript (startTime, elapsed, running)
- Using Date.now() for accurate time tracking
- DOM manipulation (updating UI dynamically)
- localStorage for persistence
- Basic deployment workflow (Git → Netlify)
- Timer uses
Date.now()instead of incrementing seconds - Sessions are stored as objects in localStorage
- UI updates every second using setInterval
- Auto-save sessions
- Add subjects/tags
- Daily study summary
- Cross-device sync (Firebase/Supabase)
Yusuf