Este é um projeto desenvolvido em React que fornece uma ferramenta de lista de afazeres.
O projeto foi desenvolvido num monorepo (um único repositório) contento a implementação do front-end, possui um caráter avaliativo com a intenção de aplicar os conceitos aprendidos durante as aulas do Módulo 05 do curso Formação Web Dev Fullstack - Resilia.
Para utilizar essa ferramenta é necessário possuir os seguintes pré-requisitos.
- Ter o Node.js (versão utilizada: v18.17.1) instalado em sua máquina
- Clonar este repositório
- Instalar as dependências do projeto
Após instalar o Node.js, siga o passo-a-passo de como clonar este repositório:
Para clonar o projeto com HTTPS:
git clone https://github.com/Joa1zin/to-do-craft.git
Com a chave SSH:
git clone git@github.com:Joa1zin/to-do-craft.git
Entre no diretório do projeto:
cd to-do-craft
Instale as dependências
Utilizando o node package manager (npm):
npm install
Utilizando o yarn:
yarn install
Utilizando o pnpm:
pnpm install
Inicie a aplicação
Através do npm:
npm run dev
Acesse o link fornecido pelo Vite!
Aqui segue um exemplo de como utilizar a ferramenta:
-
Clique no botão Adicionar Tarefa para acessar um formulário
-
Digite o título desejado e escolha qual o status da tarefa
-
Clique no botão Adicionar para inserir sua tarefa na lista ou em Cancelar para sair do formulário
-
Você pode editar a tarefa clicando no ícone de lápis fornecido no card
-
Existe uma lixeira em cada tarefa que exclui o card quando clicada
-
As tarefas podem ser filtradas entre as opções completas, incompletas ou todas
-
Existe uma barra de pesquisa que retorna as tarefas pesquisadas