Skip to content

An intuitive and user-friendly countdown timer that persists across browser sessions

License

Notifications You must be signed in to change notification settings

EleoXDA/Countdown_Timer_TS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Countdown Timer

image

This is a simple, intuitive, and user-friendly countdown timer built with HTML, CSS, and JavaScript compiled from Typescript. One of its key features is that it remembers user inputs and the remaining time even if the browser session is refreshed or closed, and continues the countdown from where it left off.

Features

  • Users can input their desired countdown duration in hours, minutes, and seconds.
  • The timer displays the remaining time and notifies users when the time is up.
  • The timer remembers user inputs and the remaining time even if the browser session is refreshed or closed, and continues the countdown from where it left off.
  • The application provides a clean and responsive UI, making it easy to use across various devices.

Usage

  1. First, fork this repository to your own GitHub account by clicking the 'Fork' button at the top right of this page.
  2. Next, clone the repository from your account to your local machine. You can do this by opening your terminal or command prompt, navigating to the directory where you want to save the project, and then running the following command: bash git clone https://github.com/{Your-Username}/persistent-countdown-timer.git P.S. Remember to replace {Your-Username} with your actual GitHub username
  3. Once the repository is cloned, navigate into the project's directory by running cd persistent-countdown-timer.
  4. Open index.html in your browser to start using the countdown timer.

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

This project is licensed under the MIT License. You can find the full text of the license in the LICENSE.md file.