Skip to content

About

Gerenciador de tarefas desenvolvido em Angular com design moderno, efeito vidro e tema arco-íris suave.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Repository files navigation

🎨 Gerenciador de Tarefas — Angular

Meu primeiro projeto completo em Angular, com design moderno, efeito vidro e tema arco-íris suave 🌈

Status Framework Design


🛠️ Tecnologias e Ferramentas Utilizadas

Angular TypeScript HTML5 CSS3 Node.js Git GitHub VS Code


✨ Funcionalidades

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

🛠️ Tecnologias Utilizadas

Tecnologia Detalhe
🅰️ Angular 14+ 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)

🚀 Como Executar o Projeto

✅ Pré-requisitos

  • 🟢 Node.js instalado
  • 🅰️ Angular CLI instalado:
npm install -g @angular/cli

Passo a passo

# 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 serve

🌐 Acesse no navegador

http://localhost:4200/


🎨 Destaques Visuais

  • 🪟 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

About

Gerenciador de tarefas desenvolvido em Angular com design moderno, efeito vidro e tema arco-íris suave.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages