Student study timer.

Inspiration:

We wanted a simple and distraction-free tool that helps students manage their study time. Many study timers online are overloaded with features, so we built a clean, minimal Pomodoro-style timer with task tracking.

What it does

Runs a 25-minute study timer Allows users to add tasks Tracks total study time Calculates a simple “Focus Score” based on tasks completed Shows a summary of study performance Helps students stay organized while studying

How we built it

We created the project using: HTML for the page structure CSS for a clean and simple UI JavaScript for timer logic, task management, and performance calculation The JavaScript setInterval() function powers the timer, while arrays store completed tasks and track study time.

Challenges we ran into

Getting the timer countdown to update smoothly Making sure the timer resets correctly without overlapping intervals Designing a simple but functional UI Creating a meaningful “Focus Score” using basic logic

Accomplishments that we're proud of

Built a fully working Pomodoro timer with only vanilla HTML/CSS/JS Clean and distraction-free design Accurate task tracking and time calculation Summary feature that makes the tool useful for real study sessions

What we learned

Using setInterval() for timers DOM manipulation for updating the timer and the task list Designing a simple user-friendly UI Writing compact and organized JavaScript logic What's next for Student Study Timer Custom timer durations (e.g., 50-minute deep work sessions) Break reminders and automatic cycles A better dashboard with progress charts Local storage support so tasks and study history are saved Mobile-friendly UI Adding sound alerts for timer completion

Built With

• css
• html
• javascript