-
O usuário pode criar, excluir tarefas, e indicar se ele já finalizou a tarefa. Tudo isso sem a necessidade de criar uma conta.
-
Criação de uma tarefa
: Utilizando conceitos de estados em React, o usuário preenche um formulário contendo o campo de conteúdo da tarefa e salvando apenas apertando o botão criar. Após isso, a tarefa estará disponível no campo de tarefas criadas. -
Exclusão de tarefa
: Ao lado da descrição da tarefa, há um ícone de lixeira, que apertando, o usuário poderá excluir a tarefa. -
Alterando o status da tarefa
: Ao clicar no círculo do lado esquerdo da descrição da tarefa, o usuário indicará que essa tarefa foi finalizada com sucesso, indicando visualmente que ele não precisa mais se preocupar com ela.
Este projeto foi desenvolvido utilizando as principais tecnologias de desenvolvimento web utilizadas no mercado atualmente.
- React (Vite);
- Tailwindcss;
- Typescript.
Alguns conceitos que foram utilizados:
- Estados em React (utilizando o hook useState);
- Utilizando contextos para compartilhar estados entre componentes (Context API).
- Após realizar o download ou clone do projeto, abra a pasta do projeto em um terminal e realize a instalação das dependências utilizando:
pnpm install
Caso esteja utilizando npm como gerenciador de pacotes, utilize:
npm install
- Após a instalação das dependências, execute o projeto utilizando:
pnpm dev
ou
npm run dev