Skip to content

yusufcore/study-timer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Study Timer ⏱️

A simple and minimal study stopwatch built using vanilla JavaScript.

🔗 Live Demo

https://study-timer-yusuf.netlify.app/


🚀 Features

  • Start / Pause / Reset timer
  • Save study sessions
  • Persistent history using localStorage
  • Mobile responsive design

🛠️ Tech Stack

  • HTML
  • CSS
  • JavaScript (Vanilla)
  • Netlify (Deployment)

🧠 What I Learned

  • 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)

📦 How It Works

  • Timer uses Date.now() instead of incrementing seconds
  • Sessions are stored as objects in localStorage
  • UI updates every second using setInterval

📈 Future Improvements

  • Auto-save sessions
  • Add subjects/tags
  • Daily study summary
  • Cross-device sync (Firebase/Supabase)

👤 Author

Yusuf

About

minimal study timer with session tracking built using vanilla javascript.

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors