ToDo List é uma aplicação simples e eficiente desenvolvida em Vue.js que permite ao usuário organizar suas tarefas diárias. A aplicação possibilita a criação, exclusão e marcação de tarefas concluídas, além de fornecer um marcador visual que mostra o progresso das atividades.
O projeto foi estruturado para ser funcional e intuitivo, utilizando boas práticas no desenvolvimento e proporcionando uma experiência de usuário agradável.
- Vue.js: Framework principal para a construção da aplicação.
- JavaScript: Para implementação da lógica da lista de tarefas.
- HTML/CSS: Para estrutura e estilo da interface.
- Adicionar Tarefas: Adicione cartões com a descrição de cada tarefa.
- Marcar como Concluída: Clique no cartão para indicar que a tarefa foi concluída.
- Excluir Tarefas: Remova tarefas da lista clicando no botão
x. - Progresso das Tarefas: Um marcador mostra a porcentagem de tarefas concluídas em relação ao total.
- Armazenamento Local: Utiliza localStorage para armazenar as tarefas no próprio navegador, garantindo que suas tarefas persistam mesmo ao fechar e reabrir a aplicação. O localStorage é uma API do navegador que permite armazenar dados de forma simples e segura, mantendo-os disponíveis em visitas futuras sem necessidade de servidor.
- Concluir Todas as Tarefas: O usuário pode marcar como concluídas todas as tarefas de uma só vez, usando o botão "Concluir Tarefas".
- Limpar Todas as Tarefas: O usuário pode limpar toda a lista de tarefas, usando o botão "Limpar Tarefas".
- Confirmação de Ações: Ambas as ações — concluir todas ou limpar a lista — contam com uma confirmação antes de serem executadas, prevenindo operações indesejadas.
- Acesse o projeto rodando: ToDo List no Vercel
- Adicione uma nova tarefa preenchendo o campo e confirmando.
- Clique no cartão da tarefa para marcá-la como concluída.
- Use o botão
xpara excluir uma tarefa da lista. - Utilize o botão "Concluir Tarefas" para finalizar todas as tarefas de uma vez.
- Utilize o botão "Limpar Tarefas" para remover todas as tarefas da lista.
- Acompanhe o progresso de suas atividades pelo marcador.
A aplicação foi projetada com uma resolução responsiva e amigável, adaptando-se de forma elegante a diferentes tamanhos de tela, desde dispositivos desktop até mobile.
Explore o código-fonte, dê sugestões ou faça melhorias diretamente no repositório GitHub:
🔗 Repositório GitHub
Fique à vontade para abrir issues ou pull requests. Feedbacks e melhorias são sempre bem-vindos!
"""