To Do List

Sobre - Tecnologias - Pré Requisitos - Funcionalidades - Autor

Sobre

Projeto Rocketseat para estudar principais conceitos do React JS e seus Hooks.

Template gerado com o vite, código em Typescript e estilização com Styled Component.

Visite o meu projeto clicando AQUI

Tecnologias

• React JS
• Typescript
• React Router Dom
• context API
• immer
• React Hook Form
• Zod Form Validation
• Styled Component
• Eslint

Pré requisitos

Antes de rodar você precisar ter instalado na sua máquina as seguintes ferramentas:

1. Git
2. Node JS
3. Yarn

#Clone esse repositório
$ git clone https://github.com/joaofreitas91/react-js-pomodoro-timer.git

#Entre na pasta
$ cd react-js-pomodoro-timer

#Instale as dependências 
$ yarn

#Execute a aplicação em modo de desenvolvimento
$ yarn run dev

#Se você não estiver com nenhum projeto rodando no momento, 
#o servidor irá iniciar na porta 3000 - acesse http://localhost:3000

Funcionalidades

• Neste app é possível adicionar uma tarefa e um tempo num intervalo de de cinco em cinco minutos e então será adicionado um timer regressivo até a tarefa ser concluída.

• Só será possível adicionar uma tarefa caso o input de descrição e tempo esteja preenchido.

• Ao adicionar um uma tarefa será criada uma lista com todas as tarefas geradas e as tarefas podem ter 3 status: Concluído, Em andamento ou Interrompido.

• A lista será salva no local storage.

Autor

Olá, 👋

Feito com 💜 por João Paulo 👋 Visite meu Linkedin