Giter Club home page Giter Club logo

johndev19 / 25-5-clock Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 64 KB

This project is a Pomodoro-style timer application built with React. It allows you to set custom session and break lengths, and it switches between session and break modes automatically.

Home Page: https://johndev19.github.io/25-5-Clock/

License: MIT License

CSS 35.26% JavaScript 54.85% HTML 9.88%
react react-js reactjs web-development css javascript javascript-library

25-5-clock's Introduction

25 + 5 Clock

This project is a Pomodoro-style timer application built with React. It allows you to set custom session and break lengths, and it switches between session and break modes automatically. The application also features start/pause functionality and an audio alert when the timer reaches zero.

25 + 5 Clock Screenshot

Features

  • Set custom break and session lengths
  • Start and pause the timer
  • Audio alert when the timer reaches zero
  • Automatic switching between session and break modes
  • Responsive design

Completed Challenge

I have successfully completed the 25 + 5 Clock challenge as part of my learning and development in web development with React.

How to Use

  1. Adjust Break and Session Lengths: Use the increment and decrement buttons to set your desired break and session lengths.
  2. Start/Pause the Timer: Click the "Start" button to begin the timer. Click it again to pause.
  3. Reset the Timer: Click the "Reset" button to reset the timer to the default values (25 minutes for session and 5 minutes for break).
  4. Audio Alert: When the timer reaches zero, an audio alert will play, and the timer will switch modes.

Technologies Used

  • React
  • JavaScript
  • HTML
  • CSS

Installation

  1. Clone the repository:

    git clone https://github.com/JohnDev19/25-5-clock.git
  2. Navigate to the project directory:

    cd 25-5-clock
  3. Install dependencies:

    npm install
  4. Start the application:

    npm start

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgments

This project was completed as part of the freeCodeCamp curriculum. Special thanks to the freeCodeCamp community for their support and resources.

Author

JohnDev19

25-5-clock's People

Contributors

johndev19 avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.