A simple study session tracker that runs in the browser. No login, no backend, just a clean way to log what you studied and see your progress over time.
I wanted a lightweight tool to track my own study sessions while learning web development. Most apps I found were either too complex or required an account. I built this as a frontend practice project and tried to keep it as simple as possible.
- Log study sessions with a topic, date, duration, and optional notes
- Dashboard with recent sessions and quick stats
- View all sessions with topic filters
- Stats page with a breakdown of hours per topic
- Delete sessions from anywhere in the app
- All data saved to localStorage so it persists between visits
- Responsive layout that works on mobile
JavaScript, React, SQL, Python, Node.js
- HTML, CSS, JavaScript (no frameworks, no libraries)
- localStorage for data storage
- Figma for UI design
No installation needed. Just open index.html in your browser.
git clone https://github.com/koki-star/studywave-app.git
cd studywave-app
open index.html
Or drag the index.html file into any browser window.
- Building a full UI with vanilla JavaScript
- Managing state with localStorage
- Writing modular, readable JS without a framework
- Designing in Figma before writing code
- Keeping a project organized without build tools
- Add more topics
- Let users create custom topics
- Add a weekly or monthly summary view
- Export sessions to CSV
- Add a dark mode
Kokob