https://github.com/cleiltonrocha/ignite-timer

An application for implementing the Pomodoro technique. In it, you can set work and break schedules, as well as view activity reports.
https://github.com/cleiltonrocha/ignite-timer

Last synced: 4 days ago
JSON representation

An application for implementing the Pomodoro technique. In it, you can set work and break schedules, as well as view activity reports.

• Host: GitHub
• URL: https://github.com/cleiltonrocha/ignite-timer
• Owner: CleiltonRocha
• Created: 2023-11-05T01:16:01.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-11-11T02:31:04.000Z (about 1 year ago)
• Last Synced: 2023-11-12T02:22:04.310Z (about 1 year ago)
• Language: TypeScript
• Homepage: https://ignite-timer-mu-one.vercel.app
• Size: 187 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Ignite Timer

An application for implementing the Pomodoro technique. In it, you can set work and break schedules, as well as view activity reports.

## Tools and Technologies

The following technologias and tools was used to build the application

 - React with Vite ✅

 - TypeScript ✅

 - Styled Components ✅

 - React Router Dom ✅

 - React Hook Form ✅

 - Zod ✅

## Application Preview

#### Home page

This page is dedicated to creating a new cycle. The user inputs an activity name and the corresponding time. 



### Home page - Current Cycle

When the user creates a cycle, the application starts the countdown with the number of minutes defined in the user input. 



#### History Page

This page displays a list of cycles created by users. Each cycle contains the following data:

 - Task: Name of the task

 - Duration: Number of minutes

 - Start Date: Time elapsed since the cycle was created

 - Status: Interrupted, In Progress and Concluded