📋 To-Do List

Uma aplicação web moderna e responsiva para gerenciamento de tarefas, desenvolvida com HTML5, CSS3 e JavaScript vanilla. O projeto oferece uma interface intuitiva e elegante para organizar suas atividades diárias de forma eficiente.

🎯 Propósito

Este projeto foi desenvolvido como parte do meu portfólio de desenvolvedor, demonstrando habilidades em:

• Desenvolvimento front-end com tecnologias web fundamentais
• Design responsivo e experiência do usuário
• Manipulação do DOM e eventos JavaScript
• Estruturação de código limpo e organizado

✨ Funcionalidades

• ✅ Adicionar Tarefas: Interface simples para criar novas tarefas
• 🔄 Marcar como Concluída: Sistema de toggle para alternar status das tarefas
• 🗑️ Remover Tarefas: Exclusão rápida de tarefas desnecessárias
• 📱 Design Responsivo: Adaptação perfeita para diferentes tamanhos de tela
• 🎨 Interface Moderna: Design clean com gradientes e animações suaves
• ⌨️ Ativação por Teclado: Suporte à tecla Enter para adicionar tarefas rapidamente

🛠️ Tecnologias Utilizadas

• HTML5: Estrutura semântica e acessível
• CSS3:
  • Flexbox para layout responsivo
  • Gradientes e animações CSS
  • Media queries para responsividade
  • Variáveis CSS e metodologia moderna
• JavaScript (ES6+):
  • Manipulação do DOM
  • Event Listeners
  • Arrow Functions
  • Template Literals

🚀 Como Usar

Pré-requisitos

• Navegador web moderno (Chrome, Firefox, Safari, Edge)
• Não requer instalação de dependências

Instalação e Execução

1. Clone o repositório:

   git clone https://github.com/ademisson-Auto/todo-list.git
   cd todo-list

2. Abra o projeto:

   • Abra o arquivo index.html diretamente no seu navegador, ou
   • Use um servidor local como Live Server (VS Code) ou Python:

   # Com Python 3
   python -m http.server 8000
   
   # Com Node.js (http-server)
   npx http-server

3. Acesse a aplicação:

   • Navegador: file:///caminho/para/o/projeto/index.html
   • Servidor local: http://localhost:8000

📖 Guia de Uso

1. Adicionar Tarefa: Digite sua tarefa no campo de entrada e clique em "Add" ou pressione Enter
2. Marcar como Concluída: Clique no texto da tarefa para alternar entre concluída/pendente
3. Excluir Tarefa: Clique no botão "Excluir" ao lado da tarefa desejada

🏗️ Estrutura do Projeto

todo-list/
├── index.html          # Estrutura HTML da aplicação
├── style.css           # Estilos e layout responsivo
├── script.js           # Lógica JavaScript da aplicação
└── README.md           # Documentação do projeto

🎨 Design e UX

• Paleta de Cores: Gradientes modernos em tons de azul e roxo
• Tipografia: Segoe UI para melhor legibilidade
• Animações: Transições suaves para melhor feedback visual
• Responsividade: Breakpoints otimizados para mobile e desktop

🔄 Futuras Melhorias

• Persistência de dados com Local Storage
• Sistema de filtros (Todas, Ativas, Concluídas)
• Edição inline de tarefas
• Categorias e tags para organização
• Sistema de prioridades
• Modo escuro/claro
• PWA (Progressive Web App)

🤝 Contribuições

Contribuições são bem-vindas! Sinta-se à vontade para:

• Reportar bugs
• Sugerir novas funcionalidades
• Submeter pull requests
• Melhorar a documentação

Como Contribuir

1. Faça um fork do projeto
2. Crie uma branch para sua feature (git checkout -b feature/AmazingFeature)
3. Commit suas mudanças (git commit -m 'Add some AmazingFeature')
4. Push para a branch (git push origin feature/AmazingFeature)
5. Abra um Pull Request

📝 Licença

Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

📧 Contato

Ademisson - Desenvolvedor Mobile & Web

• GitHub: @ademisson-Auto
• LinkedIn: [Seu LinkedIn]
• Email: [[email protected]]

---

💡 Nota do Desenvolvedor: Este projeto faz parte do meu portfólio como desenvolvedor autodidata em transição de carreira. Cada linha de código foi escrita por mim, demonstrando minha dedicação ao aprendizado e desenvolvimento de soluções práticas e elegantes.

🌟 Agradecimentos

• Inspiração no design moderno de aplicações web
• Comunidade de desenvolvedores por feedback e sugestões
• Recursos educacionais que contribuíram para meu aprendizado

---

⭐ Se este projeto foi útil para você, considere dar uma estrela no repositório!