Countdown App

article image

Created in React this app uses the MERN stack. It takes GET, POST and DELETE requests to the express server all handled by Redux actions and reducers.

 

Each item is then stored in the Mongo database, taking in a name, date and id using UUID to make managing the components easier on the front end. When the objects are rendered I then parse the time and split into days, hours and minutes, displaying them in order as they come to the list item component.

 

The final view is built using the article tag into cards.

For the inputs on the modal, Safari does not accept ‘date’ and ‘time’ types, causing formatting and ultimately errors to the database. To cope with this I used an NPM package called React DatePicker, which gave me a nice UI for picking time and dates.