Aplicação web de gerenciamento de tarefas com identidade visual inspirada no conceito "Just Do It"
Ideia original — do conceito ao código
Sobre | Funcionalidades | Aprendizados | Tecnologias | Estrutura
O Do It List é uma aplicação web de gerenciamento de tarefas, desenvolvida com uma identidade visual original inspirada no conceito "Just Do It".
O projeto nasceu de uma ideia própria e foi construído do zero, passando pela criação do conceito visual, desenvolvimento da marca e implementação da interface e das funcionalidades.
A proposta é oferecer uma experiência simples, objetiva e responsiva para adicionar, organizar, concluir e remover tarefas.
🌐 Acesse o site | 📹 Vídeo do projeto
- Gerenciamento de tarefas — adicionar, marcar como concluída e remover tarefas
- Temas personalizáveis — alternância entre modo claro (amarelo) e escuro (azul)
- Identidade visual própria — interface inspirada no conceito "Just Do It"
- Barra de rolagem personalizada — experiência visual alinhada à interface
- Layout responsivo — adaptação para diferentes dispositivos
Durante o desenvolvimento, o projeto contribuiu para a prática de:
- Criação de uma aplicação web com operações básicas de CRUD
- Manipulação do DOM com JavaScript
- Implementação de troca de temas utilizando variáveis CSS
- Estruturação de uma interface responsiva
- Desenvolvimento de uma identidade visual para um produto digital
| Tecnologia | Uso |
|---|---|
| HTML5 | Estrutura semântica e acessível |
| CSS3 | Estilos, temas com variáveis CSS e metodologia BEM |
| JavaScript ES6+ | Gerenciamento de tarefas e troca de tema |
| Canva | Desenvolvimento da identidade visual |
| Git/GitHub | Versionamento de código |
| Vercel | Deploy e hospedagem do projeto |
📁 do-it-list
├── 📁 docs
│ ├── 📂 src
│ │ └── 📂 css
│ │ │ └── styles.css → Código CSS
│ │ └── 📂 img → Imagens do projeto
│ │ │ └── 📂 dv → Imagens adicionais
│ │ └── 📂 js
│ │ └── script.js → JS
│ └── index.html → Página principal
├── README.md
└── LICENSE
Este projeto está licenciado sob a licença MIT.
Veja o arquivo LICENSE para mais detalhes.
Desenvolvido por Lucas Couto.
Conheça meu trabalho em Lucas Code.