Skip to content

Latest commit

 

History

History
48 lines (29 loc) · 1.39 KB

README.md

File metadata and controls

48 lines (29 loc) · 1.39 KB

Color Clock

Make time visible.

For folks who can't tell time or have a hard time with transitions (e.g. small children), color clocks use clear visuals to tell people how much time they have left for an activity. Time-telling skills not required.

Live site.

Getting started

npm i # install dependencies
npm start # start dev server

Running Tests

npm test

Deployment

The app is currently set up to deploy to Netlify. The _redirects ensures that the routing works as expected on production (see here for more information).

Features

  • Single-page app built in React.js

  • Users can create a clock given a start time, end time, and warning time (along with corresponding colors).

  • The app implements a custom url encoder / decoder for the form data, so that the data for any clock can be stored in the URL for bookmarking and daily use.

  • Invalid URLs are handled appropriately, and routing is controlled by React Router

  • So. much. testing.

Questions? Comments? Complaints?

Feel free to reach out to me on Twitter.

Shout-outs

All the students in Rithm's 16th cohort!