Meu primeiro projeto completo em Angular, com design moderno, efeito vidro e tema arco-íris suave 🌈
| Status | Funcionalidade |
|---|---|
| ✅ | Adicionar novas tarefas |
| ✅ | Remover tarefas individuais |
| ✅ | Visual responsivo para celular e computador |
| ✅ | Design com efeito Glassmorphism (vidro fosco) |
| ✅ | Texto com degradê arco-íris animado |
| ✅ | Código organizado e pronto para evoluir |
| Tecnologia | Detalhe |
|---|---|
| Standalone Components | |
| 🟦 TypeScript | Tipagem estática e organização do código |
| 🧡 HTML5 | Estrutura semântica da aplicação |
| 💙 CSS3 | Gradientes, animações e efeitos visuais (Glassmorphism) |
- 🟢 Node.js instalado
🅰️ Angular CLI instalado:
npm install -g @angular/cli# 1. Clonar o repositório
git clone <url-do-repositorio>
# 2. Entrar na pasta do projeto
cd gerenciador-de-tarefas-angular
# 3. Instalar as dependências
npm install
# 4. Iniciar o servidor de desenvolvimento
ng servehttp://localhost:4200/
- 🪟 Glassmorphism: cards com fundo translúcido e desfoque (backdrop-filter)
- 🌈 Degradê arco-íris animado: título com transição suave de cores em loop
- 📱 Responsivo: adapta-se a celulares, tablets e desktops
- ✨ Micro-interações: hover e transições suaves em botões e tarefas
Feito com 💙 por Leekhan