https://github.com/elisa-amaral/pomodoro-timer-built-with-typescript-and-reactjs

The Pomodoro Technique is a time management method.
https://github.com/elisa-amaral/pomodoro-timer-built-with-typescript-and-reactjs

css html javascript pomodoro react reactjs typescript

Last synced: about 2 months ago
JSON representation

The Pomodoro Technique is a time management method.

• Host: GitHub
• URL: https://github.com/elisa-amaral/pomodoro-timer-built-with-typescript-and-reactjs
• Owner: elisa-amaral
• Created: 2023-04-05T18:58:54.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2023-04-11T20:28:16.000Z (almost 2 years ago)
• Last Synced: 2024-02-08T13:34:38.195Z (11 months ago)
• Topics: css, html, javascript, pomodoro, react, reactjs, typescript
• Language: TypeScript
• Homepage: https://pomodoro-with-typescript-and-react.netlify.app/
• Size: 448 KB
• Stars: 4
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Pomodoro Timer built with TypeScript and ReactJS

This project is a Pomodoro app built with TypeScript and React.js

The Pomodoro Technique is a time management method developed by Francesco Cirillo in the late 1980s. The original technique has six steps:

1. Decide on the task to be done.

2. Set the Pomodoro timer (25 minutes).

3. Work on the task.

4. End work when the timer rings and take a short break (5 minutes).

5. If you have finished fewer than three pomodoros, go back to Step 2 and repeat until you go through all three pomodoros, completing a total of four pomodoros (four 25 minutes timers + three 5 minutes short breaks).

6. After three pomodoros are done, take the fourth pomodoro then take a long break (15 minutes). Four pomodoros completed one cycle. Once the long break is finished, return to step 2 (start a new cycle).

All sound effects used are copyright-free.

## Project Website

https://pomodoro-with-typescript-and-react.netlify.app/

## Project Demonstration Video

https://drive.google.com/file/d/1qRCe54bUAX4wAQ3hDSkjK3KT1gjS7G6d/view?usp=sharing

For the demonstration video, the pomodoro timer was set to 25 seconds, the short break was set to 5 seconds, the long break was set to 15 seconds and the video was sped up a few times.

## Screenshot 1: resting

![Screenshot](/public/Screenshot_1.jpg)

## Screenshot 2: working

![Screenshot](/public/Screenshot_2.jpg)

## Technology Stack

+ TypeScript

+ React.js

+ ESlint

+ Prettier

+ HTML

+ CSS