https://github.com/zahrakaabi/pomodoro

This Pomodoro app is a PWA and it includes building a circular progress bar and also a range of customizations, like colors and fonts.
https://github.com/zahrakaabi/pomodoro

css localstorage react reactjs

Last synced: 1 day ago
JSON representation

This Pomodoro app is a PWA and it includes building a circular progress bar and also a range of customizations, like colors and fonts.

• Host: GitHub
• URL: https://github.com/zahrakaabi/pomodoro
• Owner: zahrakaabi
• Created: 2022-11-14T06:41:43.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2022-11-23T18:04:20.000Z (about 2 years ago)
• Last Synced: 2024-11-14T09:47:25.719Z (2 months ago)
• Topics: css, localstorage, react, reactjs
• Language: JavaScript
• Homepage: https://zkpomodoro.netlify.app/
• Size: 772 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
### Pomodoro

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



## Introduction :

This is a code repositery for the coressponding Frontend Mentor design [design_link](https://www.frontendmentor.io/challenges/pomodoro-app-KBFnycJ6G) with add to screen feature

- Add to screen option (PWA)

- Set a Pomodoro timer and short & long break timers.

- Customize how long each timer runs for.

- See a circular progress bar that updates every minute and represents how far through their timer they are.

- Customize the appearance of the app with the ability to set preferences for colors and fonts.

- Save the user preferences in the local storage for a better UX

**Frontend:** HTML5 / CSS3 / ReactJS 

## Quick start

Clone the repo

```bash

  git clone https://github.com/zahrakaabi/Pomodoro.git

```

Run the project

```bash

  npm i && npm start

```

for both client and server side to start the development server