Inspiration I wanted to create a simple tool to help people understand and manage their time spent on websites, improving focus and productivity in a world full of distractions.
What it does Web Usage Time Tracker lets users start and stop timed sessions on any website. It shows a live timer while tracking and saves session history, visualizing total time spent with an interactive chart.
How I built it I used plain HTML, CSS, and JavaScript with localStorage to save sessions persistently. Chart.js was integrated to provide clear visual summaries of tracked time per session.
Challenges I ran into Tracking time accurately while opening new tabs was tricky since JavaScript can’t detect when tabs close reliably. I overcame this by letting users manually stop sessions and added a live timer to improve user experience.
Accomplishments that I'm proud of I built a fully functional tracker with live timing, session persistence, and data visualization in a clean, user-friendly interface, all within a single webpage.
What I learned I learned about browser security limitations, working around tab detection issues, and integrating external libraries like Chart.js for data visualization.
What's next for Web Usage Time Tracker Plans include adding export options for session data, notifications for time limits, improved UI/UX, and possibly multi-session simultaneous tracking for advanced users.
Log in or sign up for Devpost to join the conversation.