Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/marcos-monte/todo-list

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.
https://github.com/marcos-monte/todo-list

javascript vuejs

Last synced: 21 days ago
JSON representation

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.

Awesome Lists containing this project

README 

        
# ToDo List - Lista de Tarefas ✅📍



## Sobre o Projeto  

**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.  



## Tecnologias Utilizadas  

- **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.  



## Funcionalidades  

- **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.  



## Como Usar  

1. Acesse o projeto rodando: [ToDo List no Vercel](https://todo-list-one-blue.vercel.app/)  

2. Adicione uma nova tarefa preenchendo o campo e confirmando.  

3. Clique no cartão da tarefa para marcá-la como concluída.  

4. Use o botão `x` para excluir uma tarefa da lista.  

5. Utilize o botão "Concluir Tarefas" para finalizar todas as tarefas de uma vez.  

6. Utilize o botão "Limpar Tarefas" para remover todas as tarefas da lista.  

7. Acompanhe o progresso de suas atividades pelo marcador.  



## Resolução de Tela  

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**.



---



## Acesse o Código  

Explore o código-fonte, dê sugestões ou faça melhorias diretamente no repositório GitHub:  

🔗 [Repositório GitHub](https://github.com/Marcos-Monte/todo-list)  



---



## Como Contribuir  

Fique à vontade para abrir **issues** ou **pull requests**. Feedbacks e melhorias são sempre bem-vindos!  



---



### Pronto para organizar suas tarefas? Comece agora! 🚀  

"""