https://github.com/roninjosue/25-plus-5-clock
Front End Development Libraries Projects
https://github.com/roninjosue/25-plus-5-clock
freecodecamp freecodecamp-project
Last synced: 3 months ago
JSON representation
Front End Development Libraries Projects
- Host: GitHub
- URL: https://github.com/roninjosue/25-plus-5-clock
- Owner: roninJosue
- Created: 2022-03-28T03:00:37.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2022-06-05T03:11:05.000Z (almost 3 years ago)
- Last Synced: 2025-01-09T14:56:39.151Z (4 months ago)
- Topics: freecodecamp, freecodecamp-project
- Language: JavaScript
- Homepage: https://fcc-25-plus-5-clock.netlify.app/
- Size: 44.9 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
25 + 5 Clock
Solution for Front End Development Libraries project.
## Table of Contents
- [Overview](#overview)
- [Built With](#built-with)
- [Installation](#installation)
- [Features](#features)
- [Contact](#contact)
## Overview
### This is how the application is displayed
### Built With
- [React](https://reactjs.org/)
- [Create React App](https://create-react-app.dev/)
- [Styled Components](https://styled-components.com/)
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
### Installation
1. Clone or download the repository.
2. Install all the dependencies using the following command.
```bash
npm install
```
3. Run the application using the following command.
```bash
npm run start
```
## Features
This application has the following features:
* Increment and decrement buttons, add or subtract from the clock.
* When the clock reaches 0, it will reset to break length. Also, a beep sound will play.
* State is managed using React Context.
---
## Contact
- GitHub [@roninJosue](https://github.com/roninJosue)
- Instagram [roninJosue](https://www.instagram.com/roninjosue)