Skip to content

fdezar/react-25-5-clock

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

8 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

React 25 + 5 Clock

This is a Pomodoro Clock web application built using React.js. It helps users manage their time effectively using the Pomodoro Technique, allowing them to set a session length and break length.

This project constitutes one of the five mandatory projects for my freeCodeCamp Front End Development Libraries Certification.

Features ✨

  • Set custom session length and break length
  • Start/Stop functionality to control the timer
  • Reset button to reset the timer
  • Audio alert when the session or break ends

Usage πŸš€

  1. Adjust the session length and break length using the "+" and "-" buttons.
  2. Click "Start/Stop" to start or pause the timer.
  3. Click "Reset" to reset the timer and session length to default.

Installation πŸ”§

  1. Clone this repository:

git clone https://github.com/fdezar/react-25-5-clock.git

  1. Navigate to the project directory:

cd react-25-5-clock

  1. Install dependencies:

npm install

  1. Start the development server:

npm start

  1. Open your browser and go to http://localhost:3000 to view the clock.

Credits πŸ™Œ

This project is inspired by the Pomodoro Clock project from freeCodeCamp. Special thanks to the freeCodeCamp community for providing the project guidelines and test suites.

License πŸ“„

This project is licensed under the MIT License.

Deploy πŸ‘¨β€πŸ’»

https://fdezar.github.io/react-25-5-clock/

About

freeCodeCamp - 25 + 5 Clock

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published