Skip to content

neemiassgc/countdown-timer

Repository files navigation

Countdown timer ⏱️

main language layout React project GitHub repo size GitHub commit activity GitHub last commit

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 📋

  • User can see an alert when the event is reached
  • 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.
  • User can see an event input box containing an event name field, an date field, an optional time, and a 'Start' button.
  • User can see the elements in the countdown timer automatically decrement.
  • User can see a warning message if the event date or time are incorrectly entered.
  • User can save the event so that it persists across sessions.
  • User can define the event by entering its name, the date it is scheduled to take place, and an optional time of the event.
  • 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 🔥

Demo 🕹️

Demo available here

Technologies 🛠️

html css3 javascript firebase npm json react tailwindcss babel webpack node vscode

Run locally 💻

The command npm start runs the app in the development mode. Open http://localhost:3000 to view it in the browser.

License 📝

This project is under the MIT license