“A simplicidade é o último grau da sofisticação no gerenciamento de tarefas.”
O TaskMaster é uma aplicação de gerenciamento de tarefas (To-Do List) desenvolvida para oferecer uma experiência de usuário ultra-rápida e intuitiva. O foco principal foi criar uma interface Dark Mode elegante, utilizando o poder do Tailwind CSS para estilização e a segurança do TypeScript para manipulação do estado das tarefas.
Criado para demonstrar domínio em manipulação de Arrays, persistência local e criação de interfaces modernas com componentes reutilizáveis em React.
Este projeto foca na agilidade e na persistência de dados no lado do cliente, garantindo que o usuário não perca suas informações:
| Desafio | Solução Implementada |
|---|---|
| Persistência de Dados | Utilização de LocalStorage para salvar as tarefas, permitindo que a lista permaneça intacta mesmo após fechar o navegador. |
| Interface de Alta Performance | Renderização otimizada com Vite e React Hooks, garantindo que a adição/remoção de tarefas seja instantânea. |
| Tipagem de Dados | Uso de Interfaces TypeScript para definir o contrato de cada tarefa (id, text, completed), evitando bugs de lógica. |
| Design Responsivo | Layout adaptável construído do zero com Tailwind CSS, funcionando perfeitamente em mobile e desktop. |
- Criação, conclusão e exclusão de tarefas em tempo real.
- Contador de tarefas pendentes e concluídas.
- Filtros de status para melhor organização.
- Estética Deep Dark com acentos em cores vibrantes.
- Feedback visual imediato ao completar uma tarefa.
- Favicon personalizado com a identidade visual da marca.
| Tecnologia | Função no Projeto | Por que foi escolhida? |
|---|---|---|
| React + TypeScript | Core do Front-End. | Tipagem Forte para segurança e facilidade na manutenção do estado. |
| Vite | Tooling e Build. | O bundler mais rápido do mercado para garantir um Hot Reload sem atrasos. |
| Tailwind CSS | Estilização. | Permite criar designs personalizados de forma atômica sem sair do arquivo HTML/JSX. |
| Vercel | Hospedagem. | Integração perfeita com o ecossistema React para deploy contínuo. |
🔗 Site Oficial: https://task-master-six-alpha.vercel.app/
(Substitua pelos caminhos reais das suas prints)
Este projeto compõe meu portfólio para demonstrar habilidades técnicas em:
- Desenvolvimento de interfaces modernas e responsivas.
- Gerenciamento de estado complexo em React.
- Deploy e configuração de ambientes de produção na Vercel.
Gustavo Ramos Caetano Desenvolvedor Web • Estudante do IFSP Guarulhos
Este projeto é de código aberto e educacional.