Nesse desafio eu reforcei os conceitos mais importantes do ReactJs Desenvolvi uma aplicação de controle de tarefas no estilo to-do list, que contém as seguintes funcionalidades:
- Adicionar uma nova tarefa
- Marcar e desmarcar uma tarefa como concluída
- Remover uma tarefa da listagem
- Mostrar o progresso de conclusão das tarefas
Apesar de serem poucas funcionalidades, eu aprendi relembrar conceitos como:
- Estados
- Imutabilidade do estado
- Listas e chaves no ReactJS
- Propriedades
- Componentização
🖥️ Habilidades
- Desenvolvimento de aplicações React
- Criatividade
- Metodologia ágil (Scrum) (Kanban)
🖥️ Tecnologias
- React
- React Hooks
- HTML5
- CSS3
- JavaScript
- TypeScripts
- Phosphor Icons
- UUID React Js
🚀 Rodando o projeto
-
Faça o fork do repositório: Tutorial AQUI
-
Abra seu terminal e navegue até a pasta onde preferir alocar o projeto.
-
Clone o repositório:
git clone git@github.com:JoaoAlberto20/todoList.git
-
Apos ter o repositório clonado em sua maquina, execute este comando para acessar a parta do projeto:
cd todoList -
Dentro da pasta do projeto, execute o comando abaixo para instalar as dependências do projeto:
Caso utilize o npm:
npm install
Caso utilize o yarn:
yarn install
-
Dentro da pasta do projeto, execute o comando abaixo para iniciar o servidor do projeto:
Caso utilize o npm:
npm run dev
Caso utilize o yarn:
yarn run dev
O aplicativo sera executado em modo de desenvolvimento. Abrindo na porta padrão que o React usa: http://localhost:3000/ em seu navegador.