/we-nature-tasks

A ReactJS application that helps the user manage tasks. With it, it's possible to add, edit and remove tasks, which are organized in chronological order and have a status indicating whether they are pending, in progress or completed.

Primary LanguageTypeScript

WeNature Task logo

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/