Skip to content

antonielzeferino/React-todo-list

Repository files navigation

Todo List em React com Tailwind e Vite

Este é um simples aplicativo de lista de tarefas desenvolvido utilizando React, Tailwind CSS e Vite.

Funcionalidades

Adicionar Tarefas

Você pode adicionar novas tarefas inserindo o texto da tarefa na caixa de entrada e pressionando Enter ou clicando no botão "Adicionar Tarefa".

Remover Tarefas

Para remover uma tarefa, clique no ícone de lixeira ao lado dela. Isso removerá a tarefa da lista.

Marcar Tarefas como Concluídas

Quando uma tarefa for concluída, você pode marcá-la como feita clicando na caixa de seleção ao lado dela. Isso riscará a tarefa da lista, indicando que ela foi concluída.

Aprendizados

Durante o desenvolvimento deste projeto, aprendi bastante sobre renderização condicional em React. Implementei lógica para renderizar diferentes componentes com base no estado das tarefas, como mostrar um ícone de conclusão quando uma tarefa é marcada como concluída ou exibir um aviso quando a lista de tarefas estiver vazia. Isso me proporcionou uma compreensão mais profunda de como controlar a renderização de componentes em React com base em diferentes condições.


Este projeto é uma simples demonstração de como criar um aplicativo de lista de tarefas com React, Tailwind CSS e Vite. Sinta-se à vontade para explorar e modificar o código-fonte para atender às suas necessidades. Se tiver alguma dúvida ou sugestão, não hesite em entrar em contato.

Autor: Antoniel Zeferino
Contato: [email protected]