Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/tomasesquivelgc/pomodoro-clock

β°πŸ“"Pomodoro Clock" is a simple web app that helps you study using the Pomodoro method, in which you set intervals for study and breaks (25+5). How useful!
https://github.com/tomasesquivelgc/pomodoro-clock

freecodecamp-project javascript javascript-library pomodoro-timer reactjs

Last synced: 7 days ago
JSON representation

β°πŸ“"Pomodoro Clock" is a simple web app that helps you study using the Pomodoro method, in which you set intervals for study and breaks (25+5). How useful!

Awesome Lists containing this project

README

        

Pomodoro Clock

# πŸ“— Table of Contents

- [πŸ“– About the Project](#about-project)
- [πŸ›  Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [πŸ’» Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#deployment)
- [πŸ‘₯ Authors](#authors)
- [πŸ”­ Future Features](#future-features)
- [🀝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [πŸ™ Acknowledgements](#acknowledgements)
- [πŸ“ License](#license)

# πŸ“– Pomodoro clock

**Pomodoro Clock** is a simple project that aims to clone [FreeCodeCamp's version](https://25--5-clock.freecodecamp.rocks). To do this, I have built a page using React (Vite) and added some CSS to resemble the template. You can run the FCC test suite directly from the live demo!

## πŸ›  Built With

### Tech Stack

libraries


Languages

### Key Features

- **Stopwatch funtionality with study and break timers**
- **changeable times using buttons**

(back to top)

## πŸš€ Live Demo

visit [this link](https://fabulous-sherbet-db83da.netlify.app) for a live demo!

(back to top)

## πŸ’» Getting Started

To get a local copy up and running, follow these steps.

### Prerequisites

In order to run this project you need a browser.

### Setup

Clone this repository to your desired folder:

Example commands:

```sh
cd my-folder
git clone [email protected]:myaccount/my-project.git
```

### Install

Install this project with:

Example command:

```sh
npm install
```

### Usage

To run the project, execute the following command:

```sh
npm run dev
```

### Run tests

To run tests, click on the hamburger button and select "Markdown previewer" (note: these are the tests that FreeCodeCamp include.).

## πŸ‘₯ Authors

πŸ‘€ **TomΓ‘s Esquivel**

- GitHub: [@tomasesquivelgc](https://github.com/tomasesquivelgc)

(back to top)

## πŸ”­ Future Features

- [] **Icons replacing unaesthetic buttons**

(back to top)

## 🀝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)

## ⭐️ Show your support

If you like this project give it a star.

(back to top)

## πŸ™ Acknowledgments

I would like to thank Microverse and my friends and family for their support.

(back to top)