https://github.com/captaincluster/25-5-clock

The fifth, and final, project for the "Front End Development Libraries" course provided by FreeCodeCamp.
https://github.com/captaincluster/25-5-clock

freecodecamp freecodecamp-project front-end pomodoro pomodoro-timer react

Last synced: 5 days ago
JSON representation

The fifth, and final, project for the "Front End Development Libraries" course provided by FreeCodeCamp.

• Host: GitHub
• URL: https://github.com/captaincluster/25-5-clock
• Owner: CaptainCluster
• License: gpl-3.0
• Created: 2024-03-18T04:40:18.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-03-21T14:26:33.000Z (8 months ago)
• Last Synced: 2024-03-22T10:39:20.339Z (8 months ago)
• Topics: freecodecamp, freecodecamp-project, front-end, pomodoro, pomodoro-timer, react
• Language: JavaScript
• Homepage:
• Size: 196 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 25 + 5 Clock

25 + 5 Clock, also known as pomodoro timer is the fifth, and the final project, for the *Front End Development Libraries* 

course that is hosted by **FreeCodeCamp**.It utilizes the **React** JavaScript library to build the UI. By default, the

timer counts down on 25-minute (possibly study) sessions and 5-minute breaks. These times can be adjusted by the user.

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

[![License: GPL v3](https://img.shields.io/badge/License-GPLv3-blue.svg)](https://www.gnu.org/licenses/gpl-3.0)

📚 Dependencies

---

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white)

> [Learn more about React here!](https://react.dev/)

In order to use the project, you need to download **NodeJS** for the necessary commands.

> [Install NodeJS here](https://nodejs.org/en/)

After this, you have to install additional project dependencies, while being in the directory of the project.

This can be done by running the following command:

> `npm install`

🚀 Running the program

---

In order to start the program, all you need to do is run this command:

> `npm start`

After this, you are good to go!

👀 Example

---



  



> In this example, the user has adjusted his sessions to last 45 minutes. The breaks have also been adjusted, to last 10 minutes.

> 

🙏 Credits

---

![FreeCodeCamp](https://img.shields.io/badge/Freecodecamp-%23123.svg?&style=for-the-badge&logo=freecodecamp&logoColor=green)

This project is a part of **FreeCodeCamp** *Front End Development Libraries Course*. Their example project has been used for inspiration and the

constraints of the test criteria set a foundation on which my vision was built.