React Clock (Timer)

25 + 5 Clock (Timer/Pomodoro) built with Reactjs and EasyTimer.js for freeCodeCamp Submission

View Demo · Report Bug or Request Feature

Table of Contents

1. About The Project
   • Built With
2. Usage
3. Contributing
4. License

About The Project

This project is part of the submission for freeCodeCamp Front End Development Libraries. The objective is to build a 25 + 5 Clock based on user stories provided here. This project must be built using any mix of HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux, and jQuery. And, i use Reactjs and EasyTimer.js for this project.

(back to top)

Built With

Here's a list of the technologies I used to build this project

• ReactJS
• EasyTimer.js
• EasyTimer React Hook

(back to top)

Usage

You just need to open this project demo. Once loaded properly, you can press the play button to start the timer. By default, the timer uses 25-minute sessions and 5-minute breaks. But you can adjust it by pressing the plus or minus button to increase and decrease the session and break values.

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

(back to top)

License

Distributed under the MIT License. See LICENSE for more information.

(back to top)