Este é um aplicativo de lista de tarefas simples criado com React, Vite, Styled-components e useState. Ele permite que você adicione, remova, marque/desmarque e edite tarefas da lista.
Siga estas etapas para iniciar o aplicativo em sua máquina:
-
Clone o repositório para o seu ambiente local:
git clone https://github.com/Jhosh-Christopher/toDoList
2.Instale as dependências:
npm install3.Inicie a aplicação:
npm run dev-
Depois de iniciar o aplicativo, você pode começar a usar a lista de tarefas da seguinte forma:
-
Digite uma tarefa na barra de pesquisa.
-
Clique no botão "Adicionar" (ícone de sinal de adição) para adicionar a tarefa à lista.
-
As tarefas adicionadas aparecerão na lista. Você pode:
- Marcar/desmarcar uma tarefa como concluída clicando no ícone de marca de seleção.
- Editar uma tarefa clicando no ícone de edição (ícone de lápis).
- Remover uma tarefa clicando no ícone de lixeira.
- Para editar uma tarefa, clique no ícone de edição, faça as alterações necessárias e clique no botão "Salvar" para confirmar as alterações. Você também pode clicar no botão "Cancelar" se não quiser salvar as alterações.
-
Para pesquisar tarefas na lista, digite um termo na barra de pesquisa. A lista será automaticamente filtrada para exibir apenas as tarefas que correspondem ao termo de pesquisa.
-
Você também pode optar por mostrar ou ocultar tarefas concluídas. Use o checkbox "Mostrar Tarefas Concluídas" para controlar a exibição das tarefas marcadas como concluídas.
Este projeto foi construído com as seguintes tecnologias:
*React: Uma biblioteca JavaScript para construir interfaces de usuário. *Vite: Um construtor de aplicativos web extremamente rápido que utiliza o ES modules nativo. *Styled-components: Uma biblioteca de estilização para componentes React. *useState: Um dos hooks fornecidos pelo React para gerenciamento de estado.
Este projeto é licenciado sob a Licença MIT - consulte o arquivo LICENSE para obter detalhes.