https://github.com/andresilveira1/ignite-time

⏲️ Set a timeout to complete a task.
https://github.com/andresilveira1/ignite-time

react react-hook-form styled-components

Last synced: 29 days ago
JSON representation

⏲️ Set a timeout to complete a task.

• Host: GitHub
• URL: https://github.com/andresilveira1/ignite-time
• Owner: andresilveira1
• Created: 2024-03-18T18:40:41.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-03-29T00:30:58.000Z (11 months ago)
• Last Synced: 2024-11-20T05:11:12.750Z (3 months ago)
• Topics: react, react-hook-form, styled-components
• Language: TypeScript
• Homepage: https://ignite-time-psi.vercel.app
• Size: 174 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Ignite Timer


On this countdown you can set a task and a duration to keep your focus with a minimum of 5minutes and max 60min.


![preview](./.github/preview1.png)

![preview](./.github/preview2.png)

## [WebSite](https://ignite-time-psi.vercel.app/)




I've used this application to improve my knowledge with States, Effects, properties and Typescript. I learned about Context, Reduce and Prop Drilling. Emphasis on Context, that provider data to components.


# Practice and knowledge

- Prop Drilling

- State

- Context

- Reduce

- Effect

# Technologies

- React router dom

- React hook form

- Styled components

- Data fns

- immer

- Zod

You can view layout on figma by clicking [here](https://www.figma.com/community/file/1127351821076435124).