Skip to content

Um timer para ajudar as pessoas a concluírem suas tarefas, utilizando a técnica Pomodoro: Manter o foco durante um período, e após este período, fazer outra atividade nos próximos 5 minutos. Repita o processo.

Notifications You must be signed in to change notification settings

Matheus-Pazinati/pomodoro-timer

Repository files navigation

Pomodoro Timer ⏱️


⏳ Sobre

Aplicação web para ajudar as pessoas a terem um foco maior na realização de suas atividades diárias. Ele consiste no usuário informar qual o nome da atividade (estudar, escrever um artigo, fazer o trabalho da escola, etc.), e quantos minutos ele pretende ceder para concluir a mesma. Após isso, o contador será inicializado, e é possível interromper o mesmo, caso ocorra algum imprevisto durante a execução da atividade. Além disso, a aplicação possui uma página para guardar o histórico das atividades que o usuário iniciou, informando qual foi essa atividade, quando ela foi criada, quantos minutos o usuário escolheu, e seu status: Andamento, Interrompida ou Concluida.


🎯 Objetivo

Entender a teoria e aplicar na prática alguns recursos do React que resolvem problemas específicos da própria biblioteca. O primeiro deles foi o conceito de Context API, que visa compartilhar dados entre componentes de uma maneira mais objetiva, reduzindo o Prop Drilling (passar dados via props para componentes que estão em diferentes camadas na árvore de componentes do React, dificultando a visualização e manutenção do código). Outro ponto foi utilizar a biblioteca React Hook Form em conjunto com o zod, para construir e validar os campos do formulário de uma maneira mais performática, sem precisar renderizar o componente toda vez que um caractere é inserido em um campo. Além disso, vimos o hook useReducer, que tem como objetivo trabalhar com estados complexos (armazenar um estado que possui diversas propriedades e métodos) de uma maneira melhor em comparação com o hook useState, entre outros benefícios.


🛠️ Tecnologias e ferramentas/bibliotecas utilizadas


📌 Funcionalidades a serem implementadas

  • Aplicar responsividade no layout para dispositivos móveis - Ok ✔️
  • Incluir funcionalidade para pausar e retomar o tempo de um projeto - Ok ✔️

🔖 Layout

Você pode visualizar o layout do projeto através deste link: Layout do projeto. É necessário possuir uma conta no Figma para acessá-lo.



Made by Matheus Pazinati 🛸

About

Um timer para ajudar as pessoas a concluírem suas tarefas, utilizando a técnica Pomodoro: Manter o foco durante um período, e após este período, fazer outra atividade nos próximos 5 minutos. Repita o processo.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published