https://github.com/neemiassgc/countdown-timer

A countdown timer web app made with React and TailwindCSS
https://github.com/neemiassgc/countdown-timer

countdown html javascript js project-template react taildwindcss timer

Last synced: 7 months ago
JSON representation

A countdown timer web app made with React and TailwindCSS

• Host: GitHub
• URL: https://github.com/neemiassgc/countdown-timer
• Owner: neemiassgc
• License: mit
• Created: 2021-10-29T22:52:14.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2023-11-23T15:12:58.000Z (almost 2 years ago)
• Last Synced: 2025-01-05T22:09:22.468Z (9 months ago)
• Topics: countdown, html, javascript, js, project-template, react, taildwindcss, timer
• Language: JavaScript
• Homepage: https://reactcountdown.web.app/
• Size: 795 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
# Countdown timer :stopwatch:

![main language](https://img.shields.io/static/v1?label=language&message=Javascript&logo=javascript&color=yellow)

![layout](https://img.shields.io/static/v1?label=layout&message=TailwindCSS&logo=tailwindcss&color=green)

![React project](https://img.shields.io/static/v1?label=framework&message=React&logo=react&color=blue)

![GitHub repo size](https://img.shields.io/github/repo-size/neemiassgc/front-end)

![GitHub commit activity](https://img.shields.io/github/commit-activity/w/neemiassgc/countdown-timer)

![GitHub last commit](https://img.shields.io/github/last-commit/neemiassgc/countdown-timer)



  



The objective of Countdown Timer is to provide a continuously decrementing display of the months, days, hours, minutes, and seconds to a user entered event.

## User stories :clipboard:

- [x] User can see an alert when the event is reached

- [x] User can see a warning message if the time until the event data and time that has been entered would overflow the precision of the countdown timer.

- [x] User can see an event input box containing an event name field, an date field, an optional time, and a 'Start' button.

- [x] User can see the elements in the countdown timer automatically decrement.

- [x] User can see a warning message if the event date or time are incorrectly entered.

- [x] User can save the event so that it persists across sessions.

- [x] User can define the event by entering its name, the date it is scheduled to take place, and an optional time of the event.

- [x] User can click on the 'Start' button to see the countdown timer start displaying the days, hours, minutes, and seconds until the event takes place.

## Preview :fire:



## Demo :joystick:

Demo available [here](https://reactcountdown.web.app/)

## Technologies :hammer_and_wrench:

> 

> 

> 

> 

> 

> 

> 

> 

> 

> 

> 

> 

## Run locally :computer:

The command `npm start` runs the app in the development mode.

Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

## License :memo:

This project is under the MIT license