Um web app de gerenciamento de tarefas feito com ReactJS Link da aplicação online: https://we-nature-tasks.vercel.app

🎨 Preview

📃 Sobre o projeto

Uma aplicação feita com ReactJS que ajuda o usuario a gerenciar tarefas. Com ela, é possível adicionar, editar e remover tarefas, que são organizadas em ordem cronológica e possuem um status que indica se estão pendentes, em andamento ou concluídas.

Desenvolvido para o desafio da LogNature

Funcionalidades

• Adicionar tarefa: O usuário é capaz de adicionar uma nova tarefa com título e descrição.

• Listar tarefas: A página inicial exibe uma lista com todas as tarefas cadastradas, ordenadas pela data de modificação. A lista conta com um filtro que busca as tarefas por status: (pendente, em andamento ou concluída), título, descrição ou data de modificação.

• Editar tarefa: O usuário é capaz de editar o título e a descrição e mudar status de uma tarefa já existente.

• Remover tarefa: O usuário é capaz de remover uma tarefa cadastrada.

🛠 Tecnologias utilizadas

Front-End

• ⚛ ReactJs (Vite)
• ⚛ React Router Dom - Controle de Rotas
• 🌈 Sass - Pré-processador CSS
• 💠 Zustand - Gerenciador de Estado
• 🫧 Material UI - Framework de Estilo
• 🧑‍🚀Material Icons - Pacote de Ícones
• 💾 Local Storage- Armazenar as Tarefas

🚀 Rodando o projeto

Pré-requisitos

• Git
• NodeJS
• Yarn ou Npm
  

💻 Rodando o Front-End

Clone o repositório

# Clone o repositório
git clone https://github.com/WBGreenArrow/we-nature-tasks.git

Navegue até a pasta do projeto clonado e execute os comandos abaixo

# Entra na pasta do projeto 
cd we-nature-tasks

# Instalar as dependências
yarn install

Após concluir a instalação das dependências, ainda no terminal na pasta raiz do projeto, execute o comando abaixo.

# Iniciar aplicação
yarn run dev

# Após isso a aplicação pode ser utilizada acessando o endereço http://localhost:5173/