🔗Acesse o projeto clicando aqui
Desafio realizado com o intuito de testar os conceitos fundamentais do React que foram adquiridos durante o primeiro módulo do curso de React da Rocketseat.
O desafio consiste em desenvolver uma aplicação de controle de tarefas de acordo com o layout disponibilizado no Figma, apesar de simples o aplicativo, durante o desenvolvimento foi possível exercitar os conceitos de Estado, Imutabilidade de estado, Listas e chaves no ReactJs, Propriedades e Componentização.
- Adicionar uma tarefa;
- Marcar e desmarcar uma tarefa como concluída;
- Remover uma tarefa da listagem;
- Mostrar o progresso de conclusão das tarefas;
O layout da aplicação está disponível no Figma:
As seguintes ferramentas foram usadas na construção do projeto:
Dependências - NPM
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git e Node.js. Além disto é bom ter um editor de texto para trabalhar com o código por exemplo o VSCode.
# Clone este repositório
$ git clone https://github.com/Kreitmaier/react-to-do-list.git
# Acesse a pasta do projeto no seu terminal/cmd
$ cd react-to-do-list
# Instale as dependências
$ npm install
# Execute a aplicação em modo de desenvolvimento
$ npm run dev
# A aplicação será aberta na porta:5173 - acesse http://localhost:5173
Douglas Kreitmaier |
---|
👋 Fique à vontade para entrar em contato!