Project
Roulette

Countdown Timer

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

BeginnerWeb appProductivity3–9hAI-buildable 5/5no setupworth shipping

We all have important events we look forward to in life, birthdays, anniversaries, and holidays to name a few. Wouldn't it be nice to have an app that counts down the months, days, hours, minutes, and seconds to an event? Countdown Timer is just that app! The objective of Countdown Timer is to provide a continuously decrementing display of the he months, days, hours, minutes, and seconds to a user entered event. ### Constraints - Use only builtin language functions for your calculations rather than relying on a library or package like MomentJS. This assumes, of course, that the language of…

UI
Logic
Useful

Hosting · Free forever

Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.

Deploy it and share a link.

Core features · 7

  • User can see an event input box containing an event name field, an
  • User can define the event by entering its name, the date it is
  • User can see a warning message if the event name is blank.
  • User can see a warning message if the event date or time are incorrectly
  • User can see a warning message if the time until the event data and time
  • User can click on the 'Start' button to see the countdown timer start
  • User can see the elements in the countdown timer automatically

Once it works

  • User can save the event so that it persists across sessions
  • User can see an alert when the event is reached
  • User can specify more than one event.
  • User can see a countdown timers for each event that has been defined.

Suggested stack

reacttypescripttailwindreact-hook-formdate-fnslocalstorage

Track it