https://github.com/kenmarcos/ignite-timer-front-rs

Aplicação front-end de controle de tempo para realizar uma atividade.
https://github.com/kenmarcos/ignite-timer-front-rs

context-api react react-hook-form react-router-dom styled-components typescript vite zod

Last synced: about 1 month ago
JSON representation

Aplicação front-end de controle de tempo para realizar uma atividade.

• Host: GitHub
• URL: https://github.com/kenmarcos/ignite-timer-front-rs
• Owner: kenmarcos
• Created: 2024-05-28T17:55:22.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-05-31T19:21:25.000Z (7 months ago)
• Last Synced: 2024-05-31T20:42:19.281Z (7 months ago)
• Topics: context-api, react, react-hook-form, react-router-dom, styled-components, typescript, vite, zod
• Language: TypeScript
• Homepage:
• Size: 200 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        



    


      ⏲️ Ignite Timer ⏲️ 

    

    


        Sobre o Projeto •

        Funcionalidades •

        Layout •

        Tecnologias •

        Autor

    



## 🖥️ Sobre o Projeto



        






> Projeto desenvolvido durante módulo Criando SPAs com ReactJS da Formação de React.js da Rocketseat.

Esse projeto consiste em uma aplicação de cronômetro no estilo **[Pomodoro](https://pt.wikipedia.org/wiki/T%C3%A9cnica_pomodoro)** para gerenciamento de tarefas e aumento de produtividade.

## 💡 Funcionalidades

- [x] Criar novo ciclo de tarefa

- [x] Acompanhar o tempo de cada tarefa

- [x] Interromper o ciclo de uma tarefa

- [x] Ver o histórico de ciclos

## 🎨 Layout

> A aplicação tem como base o seguinte layout no [Figma](https://www.figma.com/community/file/1127351821076435124)



  

  

  



## 🛠️ Tecnologias

Para o desenvolvimento desse projeto, as seguintes ferramentas foram utilizadas:

- **[Vite](https://vitejs.dev/)**

- **[React.js](https://pt-br.reactjs.org/)**

- **[TypeScript](https://www.typescriptlang.org/)**

- **[Styled Components](https://www.styled-components.com/)**

- **[React Hook Form](https://react-hook-form.com/)**

- **[React Router DOM](https://github.com/remix-run/react-router)**

- **[Zod](https://zod.dev/)**

- **[Context API](https://react.dev/learn/passing-data-deeply-with-context)**

- **[Immer](https://github.com/immerjs/immer)**

## 👨‍💻 Autor



Marcos Kenji Kuribayashi

[![Linkedin Badge](https://img.shields.io/badge/-LinkedIn-blue?style=flat&logo=Linkedin&logoColor=white)](https://www.linkedin.com/in/marcos-kuribayashi/) [![Gmail Badge](https://img.shields.io/badge/[email protected]?style=flat&logo=Gmail&logoColor=white)](mailto:[email protected])

---

Desenvolvido por Marcos Kenji Kuribayashi 😉