https://github.com/jprivillaso/react-smart-countdown
Countdown timer implemented in React
https://github.com/jprivillaso/react-smart-countdown
Last synced: about 1 month ago
JSON representation
Countdown timer implemented in React
- Host: GitHub
- URL: https://github.com/jprivillaso/react-smart-countdown
- Owner: jprivillaso
- Created: 2020-05-31T20:10:23.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2023-03-04T21:29:58.000Z (over 2 years ago)
- Last Synced: 2023-03-23T12:55:51.321Z (about 2 years ago)
- Language: TypeScript
- Size: 3.85 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Smart Countdown
This project aims to create a countdown timer using React. The main purpose is to see the latest React features, specially using hooks such as `useState` with a Context Provider pattern.
## Live DEMO
There's a live version of the app at [this link](https://react-smart-countdown.netlify.app/)
## Features
1. Get notified when half time has passed
2. Text becomes red when time is less than 20 seconds
3. Text starts blikning when time is less than 10 seconds
4. Speed control
5. Pause/Resume functionality
## Run the project locally
```bash
$ npm start
```
## Stack Used
- React + Typescript
- Styled-Components
- Styled-Media-Queries
- Jest/Enzyme
## Project's Kanban Flow
You can look at the current development's state of this mini-project by following the [Kanban Flow chart](https://github.com/jprivillaso/react-smart-countdown/projects/1)