O Ignite Timer é uma aplicação que contém um timer para ajudar na organização do tempo de execução de tarefas. Nela, o usuário adiciona a tarefa a ser realizada, o tempo que deseja gastar para executá-la e o timer inicia a contagem do tempo proposto. A aplicação contém, também, um histórico, onde ficam todas as as tarefas realizadas pelo usuário. As tarefas do histórico contém status, ficando fácil a identificação, pelo usuário, se a tarefa foi completada, interrompida ou se ainda está em execução. Todas as tarefas ficam salvas no LocalStorage do navegador.

• Criar a estrutura do HTML
• Criar a estrutura do CSS
• Criação de um ciclo (tarefa e tempo)
• Criação de um contador (coutdown) para monitorar este tempo do ciclo
• Criação de uma função para interromper um ciclo atual
• Criação de um status para o ciclo, que pode ser: concluído, em andamento ou interrompido
• Criação de um histórico com todos os ciclos já realizados

Esse projeto foi desenvolvido com as seguintes tecnologias:

• HTML5
• StyledComponents
• TypeScript
• ReactJS
• React Hook Form
• Vite
• Zod
• date-fns
• ImmerJs
• PhosphorIcons

Clone o projeto para o local desejado em seu computador.

$ git clone [email protected]:famalaquias/IgniteTimer.git

# Navegue até o diretório 
$ cd IgniteTimer

# Instale as dependências necessárias
$ npm install

# Agora inicie o servidor
$ npm run dev

Feito por Fabiane Malaquias 👋 LinkedIn e GitHub