✅ Go Task | Angular 19

Projeto desenvolvido durante a formação Angular da Rocketseat.

O Projeto seria uma Aplicação web de tarefas em estilo kanban para criar, editar, comentar e mover cards entre colunas (To Do, Doing, Done). Focada em simplicidade, persistencia local e fluxo intuitivo de tarefas. Usa Angular 19 com componentes standalone, CDK Drag and Drop e armazenamento via localStorage.

Durante o desenvolvimento, foco em:

• Arquitetura moderna Angular (Standalone components).
• Persistencia simples via localStorage (sem backend).
• Fluxo Kanban com drag and drop.
• Modais para criacao, edicao e comentarios.
• Separacao clara entre componentes e servicos.

---

🚀 Tecnologias Utilizadas

Este projeto utiliza tecnologias simples e performaticas do ecossistema web:

---

📂 Estrutura do Projeto

.
├── src/
│  ├── app/
│  │  ├── app.component.*            # Componente raiz
│  │  ├── app.routes.ts              # Definicao de rotas
│  │  ├── components/
│  │  │  ├── header/
│  │  │  ├── main-content/
│  │  │  ├── task-card/
│  │  │  ├── task-comments-modal/
│  │  │  ├── task-form-modal/
│  │  │  ├── task-list-section/
│  │  │  └── welcome-section/
│  │  ├── services/
│  │  │  ├── modal-controller.service.ts
│  │  │  └── task.service.ts
│  │  ├── interfaces/
│  │  ├── enums/
│  │  ├── types/
│  │  └── utils/
│  ├── styles.css                    # Estilos globais
├── public/
├── angular.json
├── package.json
└── README.md

🧩 Fluxo Basico

1. Usuario acessa a tela principal.
2. Clica em "Nova tarefa" e preenche nome + descricao.
3. Tarefa e salva na coluna To Do.
4. Usuario arrasta cards entre colunas (To Do → Doing → Done).
5. Pode editar nome/descricao ou adicionar comentarios via modal.
6. Dados ficam persistidos no localStorage.

🧩 Funcionalidades

✅ Criar tarefas (nome + descricao)
✏️ Editar tarefas
💬 Adicionar/remover comentarios
🧲 Drag and drop entre colunas
💾 Persistencia automatica via localStorage
🗑️ Remover tarefas

🛠️ Como Rodar o Projeto Localmente

Siga os passos abaixo para rodar o projeto na sua maquina:

# Clonar o repositorio
git clone <URL_DO_REPOSITORIO>

# Entrar na pasta
cd project-go-task-angular-19

# Instalar dependencias
npm install

# Rodar o projeto
npm start

# Acessar: http://localhost:4200

🔗 Deploy

🔖 Layout

Você pode visualizar o layout do projeto através desse link É necessário ter conta no Figma para acessá-lo.

💻 Sobre mim 😄

Engenheiro de Software com foco em desenvolvimento front-end rumo ao full stack. Dedicado a criar experiências digitais inovadoras que impactam o mundo através da tecnologia.

🔗 Contato

• 
• 
•