Skip to content

Welcome to the Study Timer application, a productivity tool designed to help you manage your time effectively using both a Pomodoro Timer and a Stopwatch. This project is hosted live at Study-Timer, so you can try it out right away!

Notifications You must be signed in to change notification settings

akarsh27/Study-Timer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Study Timer (Pomodoro Timer and Stopwatch)

Welcome to the Study Timer application, a productivity tool designed to help you manage your time effectively using both a Pomodoro Timer and a Stopwatch. This project is hosted live at Study Timer, so you can try it out right away!

Features

1. Pomodoro Timer

  • A default 25-minute timer, following the Pomodoro technique, ideal for focused work sessions.
  • Key controls:
    • Start: Begin the countdown.
    • Reset: Return the timer to the initial 25-minute duration.
    • Custom Time: Set your custom work or break duration using the settings menu.

2. Stopwatch

  • A stopwatch to measure time passed from 0, useful for tasks where you need to track how long something takes.
  • Key controls:
    • Start: Start the stopwatch.
    • Stop: Pause the stopwatch.
    • Reset: Reset the stopwatch to 00:00:00.

3. Settings and Navigation

  • Theme Customization: Choose between different themes from the settings panel to personalize your experience.
  • Switching Between Timer and Stopwatch: The hamburger menu on the top-right corner allows you to toggle between the Timer and Stopwatch interfaces effortlessly.

Live Demo

The application is live! You can use it here:
Study Timer

Screenshots

Timer Interface

Timer Interface

Stopwatch Interface

Stop Watch

Technologies Used

  • HTML5: Provides the structure for the Timer and Stopwatch pages.
  • CSS3: Styles the user interface, ensuring it looks clean and responsive across all devices.
  • JavaScript: Powers the logic behind the timer, stopwatch, and settings functionality.

How to Use

Timer

  1. Click Start to begin the 25-minute countdown.
  2. Click Reset to return the timer to the original time.
  3. Customize the time using the Settings menu if needed.

Stopwatch

  1. Click Start to start counting the time.
  2. Click Stop to pause the stopwatch.
  3. Click Reset to reset it to zero.

Navigation

  • Use the Settings Menu (hamburger icon) to switch between the Timer and Stopwatch.
  • Customize the theme or navigate between modes through the Settings panel.

License

All rights reserved © 2024 Sai Akarsh Ache.
This project is not open for commercial use or redistribution without explicit permission from the author. If you are interested in using this project or contributing to it in any way, please reach out to the author for permission or collaboration inquiries.

About

Welcome to the Study Timer application, a productivity tool designed to help you manage your time effectively using both a Pomodoro Timer and a Stopwatch. This project is hosted live at Study-Timer, so you can try it out right away!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published