Este é o resultado do primeiro desafio do curso Ignite, da Rocketseat, feito em React.js.
A ideia deste projeto é criar uma aplicação para uma lista de tarefas, na qual o usuário pode adicionar tarefas a serem realizadas e atualizar o status das mesmas conforme forem executadas. O projeto lista a quantidade de tarefas cadastradas e completadas, e ainda faz uso do LocalStorage do navegador para que seja possível o usuário fechar e abrir novamente a página sem perder a sua lista de tarefas. A filtragem das tarefas é feita através de um ID gerado automaticamente pelo UUID. Desta forma, caso o usuário cadastre 2 tarefas com o mesmo nome, a atualização ou exclusão de uma não resultará na exclusão da outra. Todas as informações das tarefas são salvas dentro de um array de objetos utilizando o useState do React.
A página em formato desktop é vista na imagem abaixo:
As seguintes tecnologias foram empregadas na criação deste projeto:
Clone o projeto para o local desejado em seu computador.
$ git clone git@github.com:andreviapiana/ToDoList.git# Navegue até o diretório
$ cd ToDoList
# Instale as dependências necessárias
$ npm install
# Agora inicie o servidor do BackEnd
$ npm run dev
# O terminal irá exibir o endereço local onde a aplicação está sendo executada. Basta digitar o mesmo endereço em seu navegador preferido. O endereço usado na criação do projeto foi este:
http://localhost:5173/