ToDo List 🚀

Este é o resultado do primeiro desafio do curso Ignite, da Rocketseat, feito em React.js.

💻 Sobre

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.

🎨 Layout

A página em formato desktop é vista na imagem abaixo:

🛠 Tecnologias

As seguintes tecnologias foram empregadas na criação deste projeto:

🚀 Como utilizar

Clone o projeto para o local desejado em seu computador.

$ git clone git@github.com:andreviapiana/ToDoList.git

🚧 Executando o Projeto

# 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/

O resultado FINAL pode ser visto aqui

andreviapiana/ToDoList

ErrorLooks like something went wrong!

About

Topics

Resources

Stars

Watchers

Forks

Releases

Packages 0

Languages

Error
Looks like something went wrong!

Packages