initial: Backend Auth Module + Design System + Complete Documentation

- Setup NestJS with TypeScript, ConfigModule, JWT authentication - Implemented Auth Module with signup, login, logout endpoints - Created DTOs with validation (SignupDto, LoginDto) - JWT Strategy with Passport integration for token validation - JwtAuthGuard for route protection with Bearer tokens - CurrentUser decorator for dependency injection - Supabase integration for user management and auth - Complete API documentation (API.md) with all endpoints - Design System for Web (Next.js + Tailwind) and Mobile (Flutter) - Comprehensive project documentation and roadmap - Environment configuration with Joi schema validation - Ready for Tasks Module and RLS implementation
2025-12-01 01:17:00 -03:00
commit 35272b8f87
56 changed files with 20691 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,51 @@
+# Environment variables
+.env
+.env.local
+.env.*.local
+
+# Dependencies
+node_modules/
+.dart_tool/
+.flutter/
+
+# Build outputs
+dist/
+build/
+.next/
+out/
+*.apk
+*.app
+*.ipa
+
+# IDE
+.vscode/
+.idea/
+*.swp
+*.swo
+*~
+.DS_Store
+
+# Logs
+logs/
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Coverage
+coverage/
+.nyc_output/
+
+# OS
+Thumbs.db
+.DS_Store
+
+# Flutter/Dart specific
+.pub
+.dart_tool
+.fvm
+.flutter
+
+# Test
+test/**/*.js
+test/**/*.js.map
--- a/GIT_PUSH_INSTRUCTIONS.md
+++ b/GIT_PUSH_INSTRUCTIONS.md
@@ -0,0 +1,139 @@
+# 📤 INSTRUÇÕES PARA FAZER PUSH DO PROJETO
+
+Quando você tiver a URL do repositório Git, siga estes passos:
+
+## 1️⃣ Configurar Git na Raiz do Projeto
+
+```bash
+cd c:\Users\Erik Silva\Documents\projetos\to-do-list
+
+# Inicializar repositório (se ainda não foi feito)
+git init
+
+# Criar branch main
+git checkout -b main
+
+# Configurar informações do Git (use seus dados)
+git config user.name "Erik Silva"
+git config user.email "seu-email@example.com"
+```
+
+## 2️⃣ Adicionar Todos os Arquivos
+
+```bash
+# Ver status
+git status
+
+# Adicionar tudo (respeitando .gitignore)
+git add .
+
+# Verificar o que vai ser commitado
+git status
+```
+
+## 3️⃣ Fazer o Primeiro Commit
+
+```bash
+git commit -m "initial: Backend Auth Module + Design System + Complete Documentation
+
+- Setup NestJS with TypeScript, ConfigModule, JWT authentication
+- Implemented Auth Module with signup, login, logout endpoints
+- Created DTOs with validation (SignupDto, LoginDto)
+- JWT Strategy with Passport integration
+- JwtAuthGuard for route protection
+- CurrentUser decorator for dependency injection
+- Supabase integration for user management
+- Complete API documentation (API.md)
+- Design System for Web (Next.js + Tailwind) and Mobile (Flutter)
+- Comprehensive project documentation
+- Environment configuration with Joi validation
+- Ready for Tasks Module implementation"
+```
+
+## 4️⃣ Adicionar Remote e Fazer Push
+
+```bash
+# Substituir pela URL do seu repositório
+git remote add origin https://git.stackbyte.cloud/erik/todolist-fullstack.git
+
+# Fazer push da branch main
+git push -u origin main
+```
+
+## 5️⃣ (Opcional) Se Precisar de Credenciais
+
+Se o Git pedir credenciais:
+
+```bash
+# Para git via HTTPS, pode usar token pessoal:
+# Quando pedir password, use o token em vez da senha
+
+# Ou configure SSH para não pedir senha toda vez:
+# git remote set-url origin git@git.stackbyte.cloud:erik/todolist-fullstack.git
+```
+
+---
+
+## 📋 Checklist antes do Push
+
+- [x] Backend compilando sem erros (`npm run build`)
+- [x] Frontend tem package.json válido
+- [x] .env.example criado (sem valores reais)
+- [x] Documentação completa
+- [x] .gitignore configurado
+- [x] node_modules/ não será adicionado
+- [x] .env não será adicionado (segurança)
+
+---
+
+## ✅ Após o Push
+
+Verifique se tudo está lá:
+
+```bash
+# Ver histórico de commits
+git log --oneline
+
+# Ver branches
+git branch -a
+
+# Ver remote
+git remote -v
+```
+
+---
+
+## 🚀 Próximo Commit (Passo 1.3)
+
+Quando implementar o Tasks Module, o commit será:
+
+```bash
+git add .
+git commit -m "feat: Tasks Module implementation with CRUD endpoints
+
+- Implement TasksService with create, read, update, delete
+- Create TasksController with protected endpoints
+- Create Task DTOs (CreateTaskDto, UpdateTaskDto)
+- Integrate with Supabase PostgREST API
+- Add RLS policies documentation
+- Update API.md with Tasks endpoints"
+
+git push origin main
+```
+
+---
+
+## 💡 Dica: Rebase antes de Push (se necessário)
+
+```bash
+# Se houver conflitos ou precisar limpar histórico
+git rebase -i HEAD~3  # Últimos 3 commits
+
+# Ou fazer um rebase em uma branch remota
+git fetch origin
+git rebase origin/main
+```
+
+---
+
+**Quando estiver pronto, é só me chamar que a gente faz o push! 🚀**
--- a/PROGRESSO.md
+++ b/PROGRESSO.md
@@ -0,0 +1,240 @@
+# ✅ PROGRESSO - FASE 1: BACKEND (Passo 1 & 2 Concluído)
+
+**Data**: 1 de dezembro de 2025  
+**Status**: 🟢 Em Desenvolvimento
+
+---
+
+## 🎯 O que foi feito até agora
+
+### ✅ Passo 1.1: Setup & Dependências (COMPLETO)
+
+**Dependências Instaladas**:
+- ✅ `@supabase/supabase-js` - Cliente Supabase
+- ✅ `@nestjs/config` - Configuração centralizada
+- ✅ `@nestjs/jwt` - JWT para autenticação
+- ✅ `@nestjs/passport` - Estratégias de autenticação
+- ✅ `passport`, `passport-jwt` - Implementação JWT
+- ✅ `dotenv` - Variáveis de ambiente
+- ✅ `joi` - Validação de schema
+- ✅ `class-validator`, `class-transformer` - DTOs
+
+**Arquivos Criados**:
+```
+backend-api/
+├── .env.example                    # Template de variáveis
+├── API.md                          # Documentação da API
+├── src/
+│   ├── config/
+│   │   ├── app.config.ts          # Config da app
+│   │   ├── database.config.ts     # Config Supabase
+│   │   ├── jwt.config.ts          # Config JWT
+│   │   └── supabase.service.ts    # Service Supabase
+│   ├── common/
+│   │   └── decorators/
+│   │       └── current-user.decorator.ts
+│   ├── auth/
+│   │   ├── dto/
+│   │   │   ├── signup.dto.ts
+│   │   │   └── login.dto.ts
+│   │   ├── strategies/
+│   │   │   └── jwt.strategy.ts
+│   │   └── guards/
+│   │       └── jwt.guard.ts
+│   ├── users/
+│   │   └── dto/
+│   │       └── create-user.dto.ts
+│   ├── tasks/
+│   │   └── dto/
+│   │       ├── create-task.dto.ts
+│   │       └── update-task.dto.ts
+│   ├── app.module.ts             # ✅ Atualizado com imports
+│   └── main.ts                   # ✅ Atualizado com middlewares
+```
+
+---
+
+### ✅ Passo 1.2: Módulo de Autenticação (COMPLETO)
+
+**Implementado**:
+
+#### Auth Service (`auth.service.ts`)
+- ✅ `signup()` - Registrar usuário
+- ✅ `login()` - Fazer login
+- ✅ `logout()` - Fazer logout
+- ✅ `validateToken()` - Validar JWT
+- ✅ `requestPasswordReset()` - Recuperar senha
+- ✅ `generateToken()` - Gerar JWT
+
+#### Auth Controller (`auth.controller.ts`)
+- ✅ `POST /auth/signup` - Registrar
+- ✅ `POST /auth/login` - Login
+- ✅ `POST /auth/logout` - Logout
+- ✅ `GET /auth/me` - Perfil atual
+- ✅ `POST /auth/forgot-password` - Recuperar senha
+
+#### Segurança
+- ✅ JWT Strategy - Extração e validação de tokens
+- ✅ JWT Guard - Proteção de rotas
+- ✅ CurrentUser Decorator - Injeção do usuário autenticado
+- ✅ Validação de DTOs com class-validator
+
+---
+
+## 📊 Progresso Visual
+
+```
+Fase 1: Backend         [████████████░░░░░░░░░░░░] 50%
+  ├─ Setup             [████████████████████░] 100% ✅
+  ├─ Auth Module       [████████████████████░] 100% ✅
+  ├─ Tasks Module      [░░░░░░░░░░░░░░░░░░░░░] 0%
+  ├─ RLS Supabase      [░░░░░░░░░░░░░░░░░░░░░] 0%
+  ├─ API Docs          [████████████░░░░░░░░░] 60%
+  └─ Dockerfile        [░░░░░░░░░░░░░░░░░░░░░] 0%
+
+Fase 2: Frontend        [░░░░░░░░░░░░░░░░░░░░░] 0%
+Fase 3: Mobile          [░░░░░░░░░░░░░░░░░░░░░] 0%
+Fase 4: DevOps/Deploy   [░░░░░░░░░░░░░░░░░░░░░] 0%
+```
+
+---
+
+## 🔑 Arquitetura Implementada
+
+```
+NestJS Backend Architecture
+├── Auth Module (Protegido por JWT)
+│   ├── Controller
+│   │   └── Endpoints: signup, login, logout, me, forgot-password
+│   ├── Service
+│   │   └── Lógica: JWT generation, Supabase integration
+│   ├── Strategies
+│   │   └── JWT Strategy: Token extraction & validation
+│   └── Guards
+│       └── JWT Guard: Route protection
+├── Config Module
+│   ├── App Config (port, cors, prefix)
+│   ├── Database Config (Supabase)
+│   ├── JWT Config (secret, expiration)
+│   └── Supabase Service (client initialization)
+├── Common
+│   └── Decorators
+│       └── @CurrentUser() - User injection
+└── Global Pipes
+    └── ValidationPipe - DTO validation
+```
+
+---
+
+## 🔐 Fluxo de Autenticação
+
+```
+1. Usuário faz signup
+   ↓
+2. Supabase cria usuário em auth.users
+   ↓
+3. Backend gera JWT token assinado
+   ↓
+4. Token retornado ao cliente (web/mobile)
+   ↓
+5. Cliente armazena token (localStorage/secure storage)
+   ↓
+6. Próximas requisições incluem: Authorization: Bearer {token}
+   ↓
+7. JWT Strategy extrai e valida o token
+   ↓
+8. Route Guard permite/nega acesso
+   ↓
+9. @CurrentUser() injeta dados do usuário
+```
+
+---
+
+## 📝 Próximas Ações (Passo 3)
+
+### Passo 1.3: Módulo de Tarefas
+- [ ] Criar `tasks.service.ts` com CRUD
+- [ ] Criar `tasks.controller.ts` com endpoints
+- [ ] Criar DTOs (create-task, update-task)
+- [ ] Integrar com Supabase (query builder)
+- [ ] Adicionar validações
+
+### Passo 1.4: RLS no Supabase
+- [ ] Criar tabela `tasks` no Supabase
+- [ ] Implementar RLS policies
+- [ ] Testar isolamento de dados
+
+### Passo 1.5: Completar Documentação
+- [ ] Adicionar endpoints de Tasks
+- [ ] Exemplos de uso (cURL)
+- [ ] Erros documentados
+
+### Passo 1.6: Dockerfile
+- [ ] Criar Dockerfile
+- [ ] Testar containerização
+
+---
+
+## 🧪 Como Testar Agora
+
+### 1. Configurar .env
+```bash
+cp backend-api/.env.example backend-api/.env
+# Editar com suas credenciais Supabase
+```
+
+### 2. Rodar em desenvolvimento
+```bash
+cd backend-api
+npm run start:dev
+```
+
+### 3. Testar endpoints com cURL
+```bash
+# Signup
+curl -X POST http://localhost:3000/api/auth/signup \
+  -H "Content-Type: application/json" \
+  -d '{"email":"test@example.com","password":"Test123456"}'
+
+# Login
+curl -X POST http://localhost:3000/api/auth/login \
+  -H "Content-Type: application/json" \
+  -d '{"email":"test@example.com","password":"Test123456"}'
+
+# Get Profile (com token)
+curl -X GET http://localhost:3000/api/auth/me \
+  -H "Authorization: Bearer {seu_token}"
+```
+
+---
+
+## 📚 Arquivos Documentados
+
+- ✅ `API.md` - Documentação completa dos endpoints
+- ✅ `ROADMAP_EXECUCAO.md` - Plano de execução
+- ✅ `.env.example` - Template de variáveis
+
+---
+
+## 💡 O que você aprendeu nesta sessão
+
+1. **Estrutura NestJS** - Módulos, Controllers, Services, Guards
+2. **Autenticação com JWT** - Token generation, validation, protection
+3. **Integração Supabase** - Client setup, user creation
+4. **Validação de DTOs** - class-validator, class-transformer
+5. **Decoradores** - @Controller, @UseGuards, @CurrentUser
+6. **ConfigModule** - Gerenciamento de variáveis de ambiente com Joi
+7. **Arquitetura em camadas** - Separação de responsabilidades
+
+---
+
+## 🚀 Próximas Sessões Planejadas
+
+1. **Hoje**: Implementar Módulo de Tarefas (Passo 1.3)
+2. **Hoje/Amanhã**: RLS no Supabase (Passo 1.4)
+3. **Amanhã**: Dockerfile (Passo 1.6)
+4. **Depois**: Frontend Next.js (Fase 2)
+
+---
+
+**Status Final**: Backend 50% completo e pronto para integração com frontend! 🎉
--- a/README.md
+++ b/README.md
@@ -0,0 +1,215 @@
+# 📱 TASK MANAGER - Aplicação Multi-Plataforma
+
+> Uma aplicação fullstack moderna de gerenciamento de tarefas com sincronização em tempo real, desenvolvida com **NestJS**, **Next.js**, **Flutter** e **Supabase**.
+
+## 🎯 Objetivo
+
+Criar uma aplicação multi-plataforma sincronizada em tempo real para estudar desenvolvimento fullstack moderno com TypeScript.
+
+## 🛠️ Stack Tecnológica
+
+### Backend
+- **NestJS 11** - Framework Node.js com TypeScript
+- **Supabase** - PostgreSQL + Auth + Realtime
+- **TypeScript 5.7**
+- **Docker** - Containerização
+
+### Frontend Web
+- **Next.js 16** - React com App Router
+- **TailwindCSS 4** - Utility-first CSS
+- **TypeScript 5**
+- **Supabase Client**
+
+### Mobile
+- **Flutter** - Framework multi-plataforma (Android/iOS)
+- **Dart** - Linguagem do Flutter
+- **Provider** - State management
+- **Supabase Flutter SDK**
+
+## 📋 Funcionalidades (MVP)
+
+### ✅ Autenticação
+- [x] Estrutura de autenticação
+- [ ] Cadastro de usuário (email + senha)
+- [ ] Login
+- [ ] Logout
+- [ ] Recuperação de senha
+- [ ] Sessão persistente
+
+### ✅ Gerenciamento de Tarefas
+- [ ] Criar tarefa
+- [ ] Listar tarefas do usuário
+- [ ] Marcar como concluída/pendente
+- [ ] Editar tarefa
+- [ ] Deletar tarefa
+- [ ] Filtrar (Todas/Ativas/Concluídas)
+
+### ✅ Sincronização em Tempo Real
+- [ ] Supabase Realtime (WebSockets)
+- [ ] Sincronização web ↔ mobile
+- [ ] Atualização automática em múltiplos dispositivos
+
+## 📁 Estrutura do Projeto
+
+```
+to-do-list/
+├── backend-api/          # NestJS API
+│   ├── src/
+│   │   ├── auth/        # Módulo de autenticação
+│   │   ├── tasks/       # Módulo de tarefas
+│   │   ├── config/      # Configurações
+│   │   ├── common/      # Utilitários comuns
+│   │   └── main.ts
+│   ├── .env.example
+│   └── package.json
+│
+├── frontend-next/        # Next.js Web
+│   ├── src/
+│   │   ├── app/         # App Router pages
+│   │   ├── components/  # Componentes reutilizáveis
+│   │   ├── lib/         # Utilitários
+│   │   └── styles/      # Estilos globais
+│   ├── .env.example
+│   └── package.json
+│
+├── mobile/              # Flutter (TODO)
+│   ├── lib/
+│   ├── pubspec.yaml
+│   └── .env.example
+│
+├── docs/                # Documentação
+│   ├── instrucoes-gerais.md
+│   └── instrucoes-design.md
+│
+├── ROADMAP_EXECUCAO.md  # Roadmap detalhado
+├── .gitignore
+└── README.md            # Este arquivo
+```
+
+## 🚀 Começando
+
+### Pré-requisitos
+- Node.js 20+
+- npm ou yarn
+- Conta Supabase ativa
+- Flutter SDK (para mobile)
+
+### Setup Backend
+
+```bash
+cd backend-api
+npm install
+cp .env.example .env
+# Preencha as variáveis de ambiente
+npm run start:dev
+```
+
+Backend rodará em: `http://localhost:3000/api`
+
+### Setup Frontend Web
+
+```bash
+cd frontend-next
+npm install
+cp .env.example .env.local
+# Preencha as variáveis de ambiente
+npm run dev
+```
+
+Frontend rodará em: `http://localhost:3000`
+
+### Setup Mobile (Em Breve)
+
+```bash
+cd mobile
+flutter pub get
+# Configurar .env
+flutter run
+```
+
+## 📖 Documentação
+
+Veja os arquivos de documentação:
+- **[instrucoes-gerais.md](./docs/instrucoes-gerais.md)** - Plano geral do projeto
+- **[instrucoes-design.md](./docs/instrucoes-design.md)** - Design System
+- **[ROADMAP_EXECUCAO.md](./ROADMAP_EXECUCAO.md)** - Roadmap detalhado
+
+## 🔐 Variáveis de Ambiente
+
+### Backend (.env)
+```
+SUPABASE_URL=https://supabase.stackbackup.cloud
+SUPABASE_ANON_KEY=your_key
+SUPABASE_SERVICE_KEY=your_key
+JWT_SECRET=your_secret_min_32_chars
+JWT_EXPIRATION=7d
+NODE_ENV=development
+PORT=3000
+CORS_ORIGIN=http://localhost:3000
+```
+
+### Frontend (.env.local)
+```
+NEXT_PUBLIC_SUPABASE_URL=https://supabase.stackbackup.cloud
+NEXT_PUBLIC_SUPABASE_ANON_KEY=your_key
+```
+
+## 📊 Progresso
+
+```
+Fase 1: Backend       [████████░░] 45%
+  ✅ Setup & Config
+  ✅ Módulo Auth
+  ⏳ Módulo Tasks
+  ⏳ RLS & Docs
+
+Fase 2: Frontend      [██░░░░░░░░] 5%
+  ⏳ Setup & Config
+  ⏳ Componentes
+  ⏳ Autenticação
+  ⏳ Tarefas
+
+Fase 3: Mobile        [░░░░░░░░░░] 0%
+  ⏳ Projeto Flutter
+  ⏳ Auth
+  ⏳ Telas
+
+Fase 4: DevOps        [░░░░░░░░░░] 0%
+  ⏳ Docker
+  ⏳ Deploy
+```
+
+## 🔗 Referências
+
+- [NestJS Documentation](https://docs.nestjs.com)
+- [Next.js Documentation](https://nextjs.org/docs)
+- [Flutter Documentation](https://flutter.dev/docs)
+- [Supabase Documentation](https://supabase.com/docs)
+- [TypeScript Handbook](https://www.typescriptlang.org/docs/)
+
+## 📝 API Endpoints
+
+### Auth
+- `POST /api/auth/signup` - Registrar usuário
+- `POST /api/auth/login` - Fazer login
+- `POST /api/auth/logout` - Fazer logout
+- `GET /api/auth/me` - Perfil atual
+- `POST /api/auth/forgot-password` - Recuperar senha
+
+### Tasks (Em desenvolvimento)
+- `GET /api/tasks` - Listar tarefas
+- `POST /api/tasks` - Criar tarefa
+- `PATCH /api/tasks/:id` - Atualizar tarefa
+- `DELETE /api/tasks/:id` - Deletar tarefa
+
+## 🤝 Contribuindo
+
+Este é um projeto de aprendizado. Sinta-se livre para abrir issues e PRs.
+
+## 📄 Licença
+
+MIT
+
+---
+
+**Desenvolvido com ❤️ como projeto de aprendizado fullstack**
--- a/ROADMAP_EXECUCAO.md
+++ b/ROADMAP_EXECUCAO.md
@@ -0,0 +1,273 @@
+# 🚀 ROADMAP DE EXECUÇÃO - TASK MANAGER
+
+**Data Início**: 1 de dezembro de 2025  
+**Status Atual**: Setup & Configuração
+
+---
+
+## 📊 Visão Geral do Progresso
+
+```
+Fase 1: Backend       [████░░░░░░] 10%
+Fase 2: Frontend      [██░░░░░░░░] 5%
+Fase 3: Mobile        [░░░░░░░░░░] 0%
+Fase 4: DevOps/Deploy [░░░░░░░░░░] 0%
+```
+
+---
+
+## 🎯 FASE 1: BACKEND (NestJS + Supabase) - EM PROGRESSO
+
+### Passo 1.1: Setup & Dependências ⏳
+**Objetivo**: Preparar ambiente backend com todas as dependências críticas
+
+**Tarefas**:
+- [ ] Instalar Supabase SDK (`@supabase/supabase-js`)
+- [ ] Instalar dotenv (`dotenv`)
+- [ ] Instalar JWT (`@nestjs/jwt`, `@nestjs/passport`)
+- [ ] Instalar TypeORM (opcional, Supabase usa PostgREST)
+- [ ] Criar `.env.example`
+- [ ] Estruturar pasta `src/` com módulos
+
+**Dependências na package.json**:
+```json
+{
+  "@supabase/supabase-js": "^2.x",
+  "@nestjs/config": "^3.x",
+  "@nestjs/jwt": "^12.x",
+  "@nestjs/passport": "^10.x",
+  "passport": "^0.7.x",
+  "passport-jwt": "^4.x",
+  "dotenv": "^16.x",
+  "joi": "^17.x"
+}
+```
+
+**Arquivos a criar/modificar**:
+- `backend-api/.env.example`
+- `backend-api/src/config/` (arquivos de configuração)
+
+---
+
+### Passo 1.2: Módulo de Autenticação 🔐
+**Objetivo**: Implementar signup, login, logout com JWT
+
+**Estrutura a criar**:
+```
+src/
+├── auth/
+│   ├── auth.module.ts
+│   ├── auth.service.ts
+│   ├── auth.controller.ts
+│   ├── strategies/
+│   │   └── jwt.strategy.ts
+│   ├── guards/
+│   │   └── jwt.guard.ts
+│   └── dto/
+│       ├── signup.dto.ts
+│       └── login.dto.ts
+├── users/
+│   ├── users.module.ts
+│   ├── users.service.ts
+│   └── dto/
+│       └── create-user.dto.ts
+└── common/
+    └── decorators/
+        └── current-user.decorator.ts
+```
+
+**Endpoints**:
+- `POST /auth/signup` - Registrar usuário
+- `POST /auth/login` - Login
+- `POST /auth/logout` - Logout
+- `GET /auth/me` - Perfil atual (requer JWT)
+
+---
+
+### Passo 1.3: Módulo de Tarefas 📝
+**Objetivo**: Implementar CRUD de tarefas com segurança (RLS)
+
+**Estrutura a criar**:
+```
+src/
+└── tasks/
+    ├── tasks.module.ts
+    ├── tasks.service.ts
+    ├── tasks.controller.ts
+    └── dto/
+        ├── create-task.dto.ts
+        └── update-task.dto.ts
+```
+
+**Endpoints**:
+- `GET /tasks` - Listar tarefas do usuário
+- `GET /tasks/:id` - Detalhes da tarefa
+- `POST /tasks` - Criar tarefa
+- `PATCH /tasks/:id` - Atualizar tarefa
+- `DELETE /tasks/:id` - Deletar tarefa
+
+---
+
+### Passo 1.4: Implementar RLS (Supabase) 🔒
+**Objetivo**: Configurar Row Level Security no banco
+
+**SQL a executar**:
+```sql
+-- Tabela tasks (já deve existir em Auth do Supabase)
+CREATE TABLE IF NOT EXISTS tasks (
+  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
+  user_id UUID NOT NULL REFERENCES auth.users(id),
+  title TEXT NOT NULL,
+  description TEXT,
+  completed BOOLEAN DEFAULT FALSE,
+  created_at TIMESTAMP DEFAULT NOW(),
+  updated_at TIMESTAMP DEFAULT NOW()
+);
+
+-- RLS Policy: Usuário só acessa suas tarefas
+ALTER TABLE tasks ENABLE ROW LEVEL SECURITY;
+
+CREATE POLICY "Users can only access their own tasks"
+  ON tasks
+  FOR ALL
+  USING (auth.uid() = user_id)
+  WITH CHECK (auth.uid() = user_id);
+```
+
+---
+
+### Passo 1.5: Documentação da API 📚
+**Objetivo**: Documenta endpoints e respostas
+
+**Arquivo**: `backend-api/API.md`
+- Descrever cada endpoint
+- Exemplos de request/response
+- Códigos de erro
+- Authentication flow
+
+---
+
+### Passo 1.6: Dockerfile Backend 🐳
+**Objetivo**: Containerizar backend para deploy
+
+**Arquivo**: `backend-api/Dockerfile`
+```dockerfile
+FROM node:22-alpine
+WORKDIR /app
+COPY package*.json ./
+RUN npm ci --omit=dev
+COPY . .
+RUN npm run build
+EXPOSE 3000
+CMD ["npm", "run", "start:prod"]
+```
+
+---
+
+## 🎯 FASE 2: FRONTEND (Next.js) - PENDENTE
+
+### Passo 2.1: Setup & Componentes Base ⏳
+**Objetivo**: Configurar Design System e componentes reutilizáveis
+
+**Tarefas**:
+- [ ] Instalar `@supabase/supabase-js`
+- [ ] Instalar `lucide-react` (ícones)
+- [ ] Configurar Google Fonts em `globals.css`
+- [ ] Criar arquivo de tokens (colors, spacing, typography)
+- [ ] Estruturar pasta `src/components/`
+
+**Componentes a criar**:
+- `Button.tsx` (Primary, Secondary, Tertiary, Danger)
+- `Input.tsx` (com validation)
+- `Card.tsx`
+- `Modal.tsx`
+- `Checkbox.tsx`
+- `TaskItem.tsx`
+
+---
+
+### Passo 2.2: Autenticação (Frontend) 🔐
+**Objetivo**: Integrar login/signup com Supabase
+
+**Páginas a criar**:
+- `app/(auth)/login/page.tsx`
+- `app/(auth)/signup/page.tsx`
+- `app/(auth)/forgot-password/page.tsx`
+
+**Componentes**:
+- `LoginForm.tsx`
+- `SignupForm.tsx`
+
+---
+
+### Passo 2.3: Dashboard de Tarefas 📋
+**Objetivo**: Interface de CRUD de tarefas
+
+**Páginas a criar**:
+- `app/(dashboard)/tasks/page.tsx`
+
+**Componentes**:
+- `TaskList.tsx`
+- `TaskForm.tsx`
+- `TaskFilters.tsx`
+- `EmptyState.tsx`
+
+---
+
+### Passo 2.4: Realtime Sync 🔄
+**Objetivo**: Sincronização em tempo real com WebSockets
+
+**Implementar**:
+- Supabase Realtime subscriptions
+- Auto-atualização de tarefas
+
+---
+
+## 🎯 FASE 3: MOBILE (Flutter) - PLANEJADO
+
+### Passo 3.1: Criar Projeto Flutter
+### Passo 3.2: Design System Flutter
+### Passo 3.3: Autenticação Flutter
+### Passo 3.4: Telas de Tarefas
+### Passo 3.5: Realtime Sync
+
+---
+
+## 🎯 FASE 4: DEVOPS & DEPLOY - PLANEJADO
+
+### Passo 4.1: Docker Compose
+### Passo 4.2: CI/CD Pipeline
+### Passo 4.3: Deploy Backend
+### Passo 4.4: Deploy Frontend
+### Passo 4.5: Deploy Mobile
+
+---
+
+## 🎬 COMEÇANDO AGORA
+
+### Próximas Ações Imediatas (Hoje):
+
+1. **Instalar dependências do Backend**
+   ```bash
+   cd backend-api
+   npm install @supabase/supabase-js @nestjs/config @nestjs/jwt @nestjs/passport passport passport-jwt dotenv joi
+   ```
+
+2. **Criar arquivo `.env.example`** com variáveis necessárias
+
+3. **Estruturar módulos** (auth, users, tasks, common)
+
+4. **Começar Passo 1.2** (Módulo de Autenticação)
+
+---
+
+## 📝 Notas Importantes
+
+- **Git**: Fazer commits frequentes após cada passo concluído
+- **Testing**: Adicionar testes conforme avançar
+- **Documentation**: Atualizar este arquivo após cada milestone
+- **Code Review**: Revisar código para padrões NestJS/Next.js
+
+---
+
+**Status**: Aguardando execução do Passo 1.1 ⏳
--- a/SESSION_1_RECAP.md
+++ b/SESSION_1_RECAP.md
@@ -0,0 +1,305 @@
+# 🎉 RESUMO - SESSION 1 (1º de Dezembro de 2025)
+
+## ✅ O QUE FOI CONCLUÍDO
+
+### 📚 Documentação & Planejamento
+- [x] **Design System Completo** (`instrucoes-design.md`)
+  - Paleta de cores (Azul primary, Preto, Branco)
+  - Tipografia (Inter + Poppins do Google Fonts)
+  - Ícones Google Icons
+  - Espaçamento (8px base)
+  - Componentes UI documentados
+  - Configurações Tailwind + Flutter
+
+- [x] **Roadmap de Execução** (`ROADMAP_EXECUCAO.md`)
+  - 4 Fases detalhadas
+  - 17+ sub-tarefas mapeadas
+  - Pré-requisitos documentados
+
+- [x] **Progresso Visual** (`PROGRESSO.md`)
+  - Status de cada módulo
+  - Arquitetura ilustrada
+  - Próximas ações claras
+
+- [x] **README Completo** (raiz)
+  - Setup instructions
+  - Stack overview
+  - Links úteis
+
+---
+
+## 🚀 BACKEND (NestJS) - PASSO 1.1 & 1.2 (50%)
+
+### ✅ Passo 1.1: Setup & Dependências
+
+**Instalado:**
+```
+✅ @supabase/supabase-js
+✅ @nestjs/config (ConfigModule com Joi)
+✅ @nestjs/jwt (JWT signing/validation)
+✅ @nestjs/passport (Passport integration)
+✅ passport + passport-jwt (JWT strategy)
+✅ dotenv (Environment variables)
+✅ class-validator + class-transformer (DTOs)
+✅ joi (Schema validation)
+```
+
+**Arquivos Criados:**
+```
+✅ backend-api/.env.example
+✅ backend-api/src/config/app.config.ts
+✅ backend-api/src/config/database.config.ts
+✅ backend-api/src/config/jwt.config.ts
+✅ backend-api/src/config/supabase.service.ts
+✅ backend-api/src/app.module.ts (atualizado)
+✅ backend-api/src/main.ts (com middlewares)
+```
+
+### ✅ Passo 1.2: Módulo de Autenticação
+
+**Auth Service:**
+```typescript
+✅ signup()              - Registrar usuário
+✅ login()              - Fazer login
+✅ logout()             - Fazer logout
+✅ validateToken()      - Validar JWT
+✅ requestPasswordReset() - Recuperar senha
+✅ generateToken()      - Gerar token JWT
+```
+
+**Auth Controller:**
+```
+✅ POST   /auth/signup           - Registrar
+✅ POST   /auth/login            - Login
+✅ POST   /auth/logout           - Logout (protegido)
+✅ GET    /auth/me               - Perfil atual (protegido)
+✅ POST   /auth/forgot-password  - Recuperar senha
+```
+
+**Infraestrutura:**
+```
+✅ JWT Strategy     - Extração e validação de tokens
+✅ JWT Guard        - Proteção de rotas
+✅ CurrentUser      - Decorator injeção de usuário
+✅ DTOs validados   - SignupDto, LoginDto, CreateUserDto
+✅ Error Handling   - Exceções customizadas
+```
+
+### 🔄 Passo 1.2b: Compilação & Build
+
+```
+✅ npm run build    - Sem erros de TypeScript
+✅ Projeto compilando com sucesso
+✅ Pronto para rodar em dev/prod
+```
+
+### 📖 Passo 1.5: Documentação API (60%)
+
+**Criado:**
+```
+✅ backend-api/API.md com:
+   - Todos endpoints AUTH documentados
+   - Exemplos de request/response
+   - Códigos de erro
+   - Exemplos cURL
+   - (Tasks pendente de implementação)
+```
+
+---
+
+## 📁 Estrutura Criada
+
+```
+backend-api/
+├── src/
+│   ├── auth/                    ✅ IMPLEMENTADO
+│   │   ├── auth.service.ts
+│   │   ├── auth.controller.ts
+│   │   ├── auth.module.ts
+│   │   ├── strategies/
+│   │   │   └── jwt.strategy.ts
+│   │   ├── guards/
+│   │   │   └── jwt.guard.ts
+│   │   └── dto/
+│   │       ├── signup.dto.ts
+│   │       └── login.dto.ts
+│   │
+│   ├── config/                  ✅ IMPLEMENTADO
+│   │   ├── app.config.ts
+│   │   ├── database.config.ts
+│   │   ├── jwt.config.ts
+│   │   └── supabase.service.ts
+│   │
+│   ├── users/                   🟡 ESTRUTURA CRIADA
+│   │   └── dto/
+│   │       └── create-user.dto.ts
+│   │
+│   ├── tasks/                   🟡 ESTRUTURA CRIADA
+│   │   └── dto/
+│   │       ├── create-task.dto.ts
+│   │       └── update-task.dto.ts
+│   │
+│   ├── common/                  ✅ IMPLEMENTADO
+│   │   └── decorators/
+│   │       └── current-user.decorator.ts
+│   │
+│   ├── app.module.ts            ✅ ATUALIZADO
+│   └── main.ts                  ✅ ATUALIZADO
+│
+├── .env.example                 ✅ CRIADO
+├── API.md                       ✅ CRIADO
+└── dist/                        ✅ BUILD OK
+
+frontend-next/
+├── app/
+│   ├── (auth)                   🟡 ESTRUTURA PRONTA
+│   ├── (dashboard)              🟡 ESTRUTURA PRONTA
+│   ├── layout.tsx               ✅ EXISTE
+│   ├── page.tsx                 ✅ EXISTE
+│   └── globals.css              ✅ EXISTE
+└── (restante Next.js padrão)
+
+docs/
+├── instrucoes-gerais.md         ✅ ESTUDADO
+├── instrucoes-design.md         ✅ CRIADO
+└── README.md
+```
+
+---
+
+## 🎓 Conhecimentos Adquiridos
+
+### NestJS & TypeScript
+- ✅ Decoradores (@Module, @Controller, @UseGuards)
+- ✅ Dependency Injection (constructor injection)
+- ✅ Modules & Providers
+- ✅ Services & Controllers
+- ✅ Guards (JWT Guard)
+- ✅ Strategies (JWT Strategy)
+- ✅ Decorators customizados (@CurrentUser)
+- ✅ DTOs com validação
+
+### Autenticação & Segurança
+- ✅ JWT (JSON Web Tokens)
+- ✅ Passport.js integration
+- ✅ Bearer token extraction
+- ✅ Route protection
+- ✅ Password hashing via Supabase
+- ✅ CORS configuration
+
+### Supabase Integration
+- ✅ createClient initialization
+- ✅ User creation (auth.admin.createUser)
+- ✅ Password-based auth flow
+- ✅ Service key vs Anon key usage
+
+### Configuration Management
+- ✅ ConfigModule setup
+- ✅ Environment validation with Joi
+- ✅ Config factories
+- ✅ Type-safe config access
+
+### Design System (Cross-platform)
+- ✅ Paleta de cores unificada (Web + Mobile)
+- ✅ Tipografia (Google Fonts)
+- ✅ Espaçamento system (8px base)
+- ✅ Componentes documentados
+- ✅ Tailwind config setup
+- ✅ Flutter theme setup
+
+---
+
+## 🎯 Próximas Ações (Imediatas)
+
+### Hoje/Amanhã:
+1. **Passo 1.3**: Implementar Módulo de Tarefas
+   - [ ] TasksService (CRUD)
+   - [ ] TasksController (endpoints)
+   - [ ] Integração Supabase
+   
+2. **Passo 1.4**: RLS no Supabase
+   - [ ] Criar tabela `tasks`
+   - [ ] Implementar policies RLS
+   - [ ] Testar segurança
+
+3. **Passo 1.6**: Dockerfile
+   - [ ] Criar Dockerfile
+   - [ ] Docker compose (opcional)
+
+### Depois:
+4. **Fase 2**: Frontend (Next.js)
+5. **Fase 3**: Mobile (Flutter)
+
+---
+
+## 📊 Progresso Geral
+
+```
+Backend       [████████████░░░░░░░░░░░░] 50%
+  Setup       [████████████████████░] 100% ✅
+  Auth        [████████████████████░] 100% ✅
+  Tasks       [░░░░░░░░░░░░░░░░░░░░░] 0%
+  Docs        [████████████░░░░░░░░░] 60%
+
+Frontend      [░░░░░░░░░░░░░░░░░░░░░] 0%
+Mobile        [░░░░░░░░░░░░░░░░░░░░░] 0%
+DevOps        [░░░░░░░░░░░░░░░░░░░░░] 0%
+```
+
+---
+
+## 📝 Arquivos Documentação Criados/Atualizados
+
+```
+✅ docs/instrucoes-gerais.md     - Plano geral (lido)
+✅ docs/instrucoes-design.md     - Design System completo (criado)
+✅ backend-api/API.md             - Documentação endpoints (criado)
+✅ ROADMAP_EXECUCAO.md           - Roadmap detalhado (criado)
+✅ PROGRESSO.md                  - Status development (criado)
+✅ README.md (raiz)              - Visão geral projeto (existe)
+✅ .gitignore                    - Git rules (existe)
+```
+
+---
+
+## 🔧 Comandos Úteis para Próxima Sessão
+
+```bash
+# Rodar backend em desenvolvimento
+cd backend-api
+npm run start:dev
+
+# Compilar backend
+npm run build
+
+# Rodar testes
+npm run test
+
+# Verificar tipos TypeScript
+npm run build
+
+# Rodar frontend
+cd frontend-next
+npm run dev
+```
+
+---
+
+## 🚀 Status Final
+
+✅ **Projeto está estruturado e com excelente base**
+
+- Design System de qualidade (Web + Mobile)
+- Backend Auth implementado e compilando
+- Documentação completa
+- Roadmap claro
+
+**Próximo passo**: Tasks Module (Backend) → RLS → Frontend
+
+---
+
+**Tempo de sessão**: ~2 horas  
+**Commits pendentes**: Aguardando repo Git  
+**Próxima sessão**: Implementar Tasks Module + RLS
+
+🎉 **Ótima primeira sessão!**
--- a/backend-api/.env.example
+++ b/backend-api/.env.example
@@ -0,0 +1,29 @@
+# ======================================
+# SUPABASE CONFIGURATION
+# ======================================
+SUPABASE_URL=https://supabase.stackbackup.cloud
+SUPABASE_ANON_KEY=your_supabase_anon_key_here
+SUPABASE_SERVICE_KEY=your_supabase_service_key_here
+
+# ======================================
+# JWT CONFIGURATION
+# ======================================
+JWT_SECRET=your_jwt_secret_key_here_min_32_chars_long
+JWT_EXPIRATION=7d
+
+# ======================================
+# DATABASE CONFIGURATION
+# ======================================
+DATABASE_URL=postgresql://user:password@localhost:5432/taskmanager
+
+# ======================================
+# APP CONFIGURATION
+# ======================================
+NODE_ENV=development
+PORT=3000
+API_PREFIX=/api
+
+# ======================================
+# CORS CONFIGURATION
+# ======================================
+CORS_ORIGIN=http://localhost:3000,http://localhost:3001
--- a/backend-api/.gitignore
+++ b/backend-api/.gitignore
@@ -0,0 +1,56 @@
+# compiled output
+/dist
+/node_modules
+/build
+
+# Logs
+logs
+*.log
+npm-debug.log*
+pnpm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# OS
+.DS_Store
+
+# Tests
+/coverage
+/.nyc_output
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+
+# dotenv environment variable files
+.env
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local
+
+# temp directory
+.temp
+.tmp
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
--- a/backend-api/.prettierrc
+++ b/backend-api/.prettierrc
@@ -0,0 +1,4 @@
+{
+  "singleQuote": true,
+  "trailingComma": "all"
+}
--- a/backend-api/API.md
+++ b/backend-api/API.md
@@ -0,0 +1,359 @@
+# 🔐 TASK MANAGER - API Backend Documentation
+
+## 📌 Base URL
+```
+http://localhost:3000/api
+```
+
+## 🔑 Autenticação
+
+Todas as requisições protegidas devem incluir o header:
+```
+Authorization: Bearer {token}
+```
+
+---
+
+## 📋 Endpoints da API
+
+### 1. Autenticação (Auth)
+
+#### 1.1 Registrar (Signup)
+```http
+POST /auth/signup
+Content-Type: application/json
+
+{
+  "email": "user@example.com",
+  "password": "securepassword123",
+  "name": "João Silva"
+}
+```
+
+**Response (201 Created):**
+```json
+{
+  "access_token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...",
+  "user": {
+    "id": "550e8400-e29b-41d4-a716-446655440000",
+    "email": "user@example.com",
+    "email_confirmed_at": "2025-12-01T10:00:00Z"
+  }
+}
+```
+
+**Erros:**
+- `400 Bad Request` - Dados inválidos
+- `409 Conflict` - Email já registrado
+
+---
+
+#### 1.2 Login
+```http
+POST /auth/login
+Content-Type: application/json
+
+{
+  "email": "user@example.com",
+  "password": "securepassword123"
+}
+```
+
+**Response (200 OK):**
+```json
+{
+  "access_token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...",
+  "user": {
+    "id": "550e8400-e29b-41d4-a716-446655440000",
+    "email": "user@example.com",
+    "email_confirmed_at": "2025-12-01T10:00:00Z"
+  }
+}
+```
+
+**Erros:**
+- `401 Unauthorized` - Email ou senha incorretos
+- `400 Bad Request` - Dados inválidos
+
+---
+
+#### 1.3 Logout
+```http
+POST /auth/logout
+Authorization: Bearer {token}
+```
+
+**Response (200 OK):**
+```json
+{
+  "message": "Logout realizado com sucesso"
+}
+```
+
+**Erros:**
+- `401 Unauthorized` - Token inválido ou expirado
+
+---
+
+#### 1.4 Obter Perfil Atual
+```http
+GET /auth/me
+Authorization: Bearer {token}
+```
+
+**Response (200 OK):**
+```json
+{
+  "userId": "550e8400-e29b-41d4-a716-446655440000",
+  "email": "user@example.com",
+  "iat": 1701427200,
+  "exp": 1702032000
+}
+```
+
+**Erros:**
+- `401 Unauthorized` - Token inválido ou expirado
+
+---
+
+#### 1.5 Recuperar Senha
+```http
+POST /auth/forgot-password
+Content-Type: application/json
+
+{
+  "email": "user@example.com"
+}
+```
+
+**Response (200 OK):**
+```json
+{
+  "message": "Email de recuperação enviado. Verifique sua caixa de entrada."
+}
+```
+
+---
+
+### 2. Tarefas (Tasks) - Em Desenvolvimento
+
+#### 2.1 Listar Tarefas
+```http
+GET /tasks
+Authorization: Bearer {token}
+
+# Query params opcionais:
+?status=all|completed|pending
+?sort=created_at|updated_at
+?order=asc|desc
+```
+
+**Response (200 OK):**
+```json
+{
+  "data": [
+    {
+      "id": "6b1f2c3d-4e5f-6a7b-8c9d-0e1f2a3b4c5d",
+      "user_id": "550e8400-e29b-41d4-a716-446655440000",
+      "title": "Fazer compras",
+      "description": "Ir ao supermercado",
+      "completed": false,
+      "created_at": "2025-12-01T10:00:00Z",
+      "updated_at": "2025-12-01T10:00:00Z"
+    }
+  ],
+  "total": 1,
+  "page": 1
+}
+```
+
+---
+
+#### 2.2 Obter Tarefa Específica
+```http
+GET /tasks/:id
+Authorization: Bearer {token}
+```
+
+**Response (200 OK):**
+```json
+{
+  "id": "6b1f2c3d-4e5f-6a7b-8c9d-0e1f2a3b4c5d",
+  "user_id": "550e8400-e29b-41d4-a716-446655440000",
+  "title": "Fazer compras",
+  "description": "Ir ao supermercado",
+  "completed": false,
+  "created_at": "2025-12-01T10:00:00Z",
+  "updated_at": "2025-12-01T10:00:00Z"
+}
+```
+
+**Erros:**
+- `404 Not Found` - Tarefa não encontrada
+- `401 Unauthorized` - Token inválido
+
+---
+
+#### 2.3 Criar Tarefa
+```http
+POST /tasks
+Authorization: Bearer {token}
+Content-Type: application/json
+
+{
+  "title": "Fazer compras",
+  "description": "Ir ao supermercado"
+}
+```
+
+**Response (201 Created):**
+```json
+{
+  "id": "6b1f2c3d-4e5f-6a7b-8c9d-0e1f2a3b4c5d",
+  "user_id": "550e8400-e29b-41d4-a716-446655440000",
+  "title": "Fazer compras",
+  "description": "Ir ao supermercado",
+  "completed": false,
+  "created_at": "2025-12-01T10:00:00Z",
+  "updated_at": "2025-12-01T10:00:00Z"
+}
+```
+
+**Erros:**
+- `400 Bad Request` - Título obrigatório
+- `401 Unauthorized` - Token inválido
+
+---
+
+#### 2.4 Atualizar Tarefa
+```http
+PATCH /tasks/:id
+Authorization: Bearer {token}
+Content-Type: application/json
+
+{
+  "title": "Fazer compras (atualizado)",
+  "description": "Ir ao supermercado e padaria",
+  "completed": true
+}
+```
+
+**Response (200 OK):**
+```json
+{
+  "id": "6b1f2c3d-4e5f-6a7b-8c9d-0e1f2a3b4c5d",
+  "user_id": "550e8400-e29b-41d4-a716-446655440000",
+  "title": "Fazer compras (atualizado)",
+  "description": "Ir ao supermercado e padaria",
+  "completed": true,
+  "created_at": "2025-12-01T10:00:00Z",
+  "updated_at": "2025-12-01T10:30:00Z"
+}
+```
+
+**Erros:**
+- `404 Not Found` - Tarefa não encontrada
+- `400 Bad Request` - Dados inválidos
+- `401 Unauthorized` - Token inválido
+
+---
+
+#### 2.5 Deletar Tarefa
+```http
+DELETE /tasks/:id
+Authorization: Bearer {token}
+```
+
+**Response (200 OK):**
+```json
+{
+  "message": "Tarefa deletada com sucesso"
+}
+```
+
+**Erros:**
+- `404 Not Found` - Tarefa não encontrada
+- `401 Unauthorized` - Token inválido
+
+---
+
+## 🔄 Real-time (WebSocket)
+
+### Conectar ao Realtime
+```javascript
+const subscription = supabase
+  .channel('tasks')
+  .on('postgres_changes', 
+    { event: '*', schema: 'public', table: 'tasks' },
+    (payload) => console.log(payload)
+  )
+  .subscribe();
+```
+
+### Eventos
+- `INSERT` - Nova tarefa criada
+- `UPDATE` - Tarefa atualizada
+- `DELETE` - Tarefa deletada
+
+---
+
+## ⚠️ Códigos de Erro
+
+| Código | Significado |
+|--------|-------------|
+| `200` | OK - Requisição bem-sucedida |
+| `201` | Created - Recurso criado |
+| `400` | Bad Request - Dados inválidos |
+| `401` | Unauthorized - Token inválido/expirado |
+| `404` | Not Found - Recurso não encontrado |
+| `409` | Conflict - Recurso já existe |
+| `500` | Internal Server Error - Erro do servidor |
+
+---
+
+## 🛠️ Exemplo Completo (cURL)
+
+### 1. Registrar
+```bash
+curl -X POST http://localhost:3000/api/auth/signup \
+  -H "Content-Type: application/json" \
+  -d '{
+    "email": "user@example.com",
+    "password": "securepassword123",
+    "name": "João"
+  }'
+```
+
+### 2. Login
+```bash
+curl -X POST http://localhost:3000/api/auth/login \
+  -H "Content-Type: application/json" \
+  -d '{
+    "email": "user@example.com",
+    "password": "securepassword123"
+  }'
+```
+
+### 3. Criar Tarefa (com token)
+```bash
+curl -X POST http://localhost:3000/api/tasks \
+  -H "Content-Type: application/json" \
+  -H "Authorization: Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9..." \
+  -d '{
+    "title": "Fazer compras",
+    "description": "Ir ao supermercado"
+  }'
+```
+
+---
+
+## 📚 Referências
+
+- **Supabase Docs**: https://supabase.com/docs
+- **NestJS Docs**: https://docs.nestjs.com
+- **JWT**: https://jwt.io
+
+---
+
+**API Status**: ✅ Pronta para Desenvolvimento  
+**Última Atualização**: 1 de dezembro de 2025
--- a/backend-api/README.md
+++ b/backend-api/README.md
@@ -0,0 +1,98 @@
+<p align="center">
+  <a href="http://nestjs.com/" target="blank"><img src="https://nestjs.com/img/logo-small.svg" width="120" alt="Nest Logo" /></a>
+</p>
+
+[circleci-image]: https://img.shields.io/circleci/build/github/nestjs/nest/master?token=abc123def456
+[circleci-url]: https://circleci.com/gh/nestjs/nest
+
+  <p align="center">A progressive <a href="http://nodejs.org" target="_blank">Node.js</a> framework for building efficient and scalable server-side applications.</p>
+    <p align="center">
+<a href="https://www.npmjs.com/~nestjscore" target="_blank"><img src="https://img.shields.io/npm/v/@nestjs/core.svg" alt="NPM Version" /></a>
+<a href="https://www.npmjs.com/~nestjscore" target="_blank"><img src="https://img.shields.io/npm/l/@nestjs/core.svg" alt="Package License" /></a>
+<a href="https://www.npmjs.com/~nestjscore" target="_blank"><img src="https://img.shields.io/npm/dm/@nestjs/common.svg" alt="NPM Downloads" /></a>
+<a href="https://circleci.com/gh/nestjs/nest" target="_blank"><img src="https://img.shields.io/circleci/build/github/nestjs/nest/master" alt="CircleCI" /></a>
+<a href="https://discord.gg/G7Qnnhy" target="_blank"><img src="https://img.shields.io/badge/discord-online-brightgreen.svg" alt="Discord"/></a>
+<a href="https://opencollective.com/nest#backer" target="_blank"><img src="https://opencollective.com/nest/backers/badge.svg" alt="Backers on Open Collective" /></a>
+<a href="https://opencollective.com/nest#sponsor" target="_blank"><img src="https://opencollective.com/nest/sponsors/badge.svg" alt="Sponsors on Open Collective" /></a>
+  <a href="https://paypal.me/kamilmysliwiec" target="_blank"><img src="https://img.shields.io/badge/Donate-PayPal-ff3f59.svg" alt="Donate us"/></a>
+    <a href="https://opencollective.com/nest#sponsor"  target="_blank"><img src="https://img.shields.io/badge/Support%20us-Open%20Collective-41B883.svg" alt="Support us"></a>
+  <a href="https://twitter.com/nestframework" target="_blank"><img src="https://img.shields.io/twitter/follow/nestframework.svg?style=social&label=Follow" alt="Follow us on Twitter"></a>
+</p>
+  <!--[![Backers on Open Collective](https://opencollective.com/nest/backers/badge.svg)](https://opencollective.com/nest#backer)
+  [![Sponsors on Open Collective](https://opencollective.com/nest/sponsors/badge.svg)](https://opencollective.com/nest#sponsor)-->
+
+## Description
+
+[Nest](https://github.com/nestjs/nest) framework TypeScript starter repository.
+
+## Project setup
+
+```bash
+$ npm install
+```
+
+## Compile and run the project
+
+```bash
+# development
+$ npm run start
+
+# watch mode
+$ npm run start:dev
+
+# production mode
+$ npm run start:prod
+```
+
+## Run tests
+
+```bash
+# unit tests
+$ npm run test
+
+# e2e tests
+$ npm run test:e2e
+
+# test coverage
+$ npm run test:cov
+```
+
+## Deployment
+
+When you're ready to deploy your NestJS application to production, there are some key steps you can take to ensure it runs as efficiently as possible. Check out the [deployment documentation](https://docs.nestjs.com/deployment) for more information.
+
+If you are looking for a cloud-based platform to deploy your NestJS application, check out [Mau](https://mau.nestjs.com), our official platform for deploying NestJS applications on AWS. Mau makes deployment straightforward and fast, requiring just a few simple steps:
+
+```bash
+$ npm install -g @nestjs/mau
+$ mau deploy
+```
+
+With Mau, you can deploy your application in just a few clicks, allowing you to focus on building features rather than managing infrastructure.
+
+## Resources
+
+Check out a few resources that may come in handy when working with NestJS:
+
+- Visit the [NestJS Documentation](https://docs.nestjs.com) to learn more about the framework.
+- For questions and support, please visit our [Discord channel](https://discord.gg/G7Qnnhy).
+- To dive deeper and get more hands-on experience, check out our official video [courses](https://courses.nestjs.com/).
+- Deploy your application to AWS with the help of [NestJS Mau](https://mau.nestjs.com) in just a few clicks.
+- Visualize your application graph and interact with the NestJS application in real-time using [NestJS Devtools](https://devtools.nestjs.com).
+- Need help with your project (part-time to full-time)? Check out our official [enterprise support](https://enterprise.nestjs.com).
+- To stay in the loop and get updates, follow us on [X](https://x.com/nestframework) and [LinkedIn](https://linkedin.com/company/nestjs).
+- Looking for a job, or have a job to offer? Check out our official [Jobs board](https://jobs.nestjs.com).
+
+## Support
+
+Nest is an MIT-licensed open source project. It can grow thanks to the sponsors and support by the amazing backers. If you'd like to join them, please [read more here](https://docs.nestjs.com/support).
+
+## Stay in touch
+
+- Author - [Kamil Myśliwiec](https://twitter.com/kammysliwiec)
+- Website - [https://nestjs.com](https://nestjs.com/)
+- Twitter - [@nestframework](https://twitter.com/nestframework)
+
+## License
+
+Nest is [MIT licensed](https://github.com/nestjs/nest/blob/master/LICENSE).
--- a/backend-api/eslint.config.mjs
+++ b/backend-api/eslint.config.mjs
@@ -0,0 +1,35 @@
+// @ts-check
+import eslint from '@eslint/js';
+import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended';
+import globals from 'globals';
+import tseslint from 'typescript-eslint';
+
+export default tseslint.config(
+  {
+    ignores: ['eslint.config.mjs'],
+  },
+  eslint.configs.recommended,
+  ...tseslint.configs.recommendedTypeChecked,
+  eslintPluginPrettierRecommended,
+  {
+    languageOptions: {
+      globals: {
+        ...globals.node,
+        ...globals.jest,
+      },
+      sourceType: 'commonjs',
+      parserOptions: {
+        projectService: true,
+        tsconfigRootDir: import.meta.dirname,
+      },
+    },
+  },
+  {
+    rules: {
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/no-floating-promises': 'warn',
+      '@typescript-eslint/no-unsafe-argument': 'warn',
+      "prettier/prettier": ["error", { endOfLine: "auto" }],
+    },
+  },
+);
--- a/backend-api/nest-cli.json
+++ b/backend-api/nest-cli.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/nest-cli",
+  "collection": "@nestjs/schematics",
+  "sourceRoot": "src",
+  "compilerOptions": {
+    "deleteOutDir": true
+  }
+}
--- a/backend-api/package-lock.json
+++ b/backend-api/package-lock.json
--- a/backend-api/package.json
+++ b/backend-api/package.json
@@ -0,0 +1,81 @@
+{
+  "name": "backend-api",
+  "version": "0.0.1",
+  "description": "",
+  "author": "",
+  "private": true,
+  "license": "UNLICENSED",
+  "scripts": {
+    "build": "nest build",
+    "format": "prettier --write \"src/**/*.ts\" \"test/**/*.ts\"",
+    "start": "nest start",
+    "start:dev": "nest start --watch",
+    "start:debug": "nest start --debug --watch",
+    "start:prod": "node dist/main",
+    "lint": "eslint \"{src,apps,libs,test}/**/*.ts\" --fix",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:cov": "jest --coverage",
+    "test:debug": "node --inspect-brk -r tsconfig-paths/register -r ts-node/register node_modules/.bin/jest --runInBand",
+    "test:e2e": "jest --config ./test/jest-e2e.json"
+  },
+  "dependencies": {
+    "@nestjs/common": "^11.0.1",
+    "@nestjs/config": "^4.0.2",
+    "@nestjs/core": "^11.0.1",
+    "@nestjs/jwt": "^11.0.1",
+    "@nestjs/passport": "^11.0.5",
+    "@nestjs/platform-express": "^11.0.1",
+    "@supabase/supabase-js": "^2.86.0",
+    "class-transformer": "^0.5.1",
+    "class-validator": "^0.14.3",
+    "dotenv": "^17.2.3",
+    "joi": "^18.0.2",
+    "passport": "^0.7.0",
+    "passport-jwt": "^4.0.1",
+    "reflect-metadata": "^0.2.2",
+    "rxjs": "^7.8.1"
+  },
+  "devDependencies": {
+    "@eslint/eslintrc": "^3.2.0",
+    "@eslint/js": "^9.18.0",
+    "@nestjs/cli": "^11.0.0",
+    "@nestjs/schematics": "^11.0.0",
+    "@nestjs/testing": "^11.0.1",
+    "@types/express": "^5.0.0",
+    "@types/jest": "^30.0.0",
+    "@types/node": "^22.10.7",
+    "@types/supertest": "^6.0.2",
+    "eslint": "^9.18.0",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-plugin-prettier": "^5.2.2",
+    "globals": "^16.0.0",
+    "jest": "^30.0.0",
+    "prettier": "^3.4.2",
+    "source-map-support": "^0.5.21",
+    "supertest": "^7.0.0",
+    "ts-jest": "^29.2.5",
+    "ts-loader": "^9.5.2",
+    "ts-node": "^10.9.2",
+    "tsconfig-paths": "^4.2.0",
+    "typescript": "^5.7.3",
+    "typescript-eslint": "^8.20.0"
+  },
+  "jest": {
+    "moduleFileExtensions": [
+      "js",
+      "json",
+      "ts"
+    ],
+    "rootDir": "src",
+    "testRegex": ".*\\.spec\\.ts$",
+    "transform": {
+      "^.+\\.(t|j)s$": "ts-jest"
+    },
+    "collectCoverageFrom": [
+      "**/*.(t|j)s"
+    ],
+    "coverageDirectory": "../coverage",
+    "testEnvironment": "node"
+  }
+}
--- a/backend-api/src/app.controller.spec.ts
+++ b/backend-api/src/app.controller.spec.ts
@@ -0,0 +1,22 @@
+import { Test, TestingModule } from '@nestjs/testing';
+import { AppController } from './app.controller';
+import { AppService } from './app.service';
+
+describe('AppController', () => {
+  let appController: AppController;
+
+  beforeEach(async () => {
+    const app: TestingModule = await Test.createTestingModule({
+      controllers: [AppController],
+      providers: [AppService],
+    }).compile();
+
+    appController = app.get<AppController>(AppController);
+  });
+
+  describe('root', () => {
+    it('should return "Hello World!"', () => {
+      expect(appController.getHello()).toBe('Hello World!');
+    });
+  });
+});
--- a/backend-api/src/app.controller.ts
+++ b/backend-api/src/app.controller.ts
@@ -0,0 +1,12 @@
+import { Controller, Get } from '@nestjs/common';
+import { AppService } from './app.service';
+
+@Controller()
+export class AppController {
+  constructor(private readonly appService: AppService) {}
+
+  @Get()
+  getHello(): string {
+    return this.appService.getHello();
+  }
+}
--- a/backend-api/src/app.module.ts
+++ b/backend-api/src/app.module.ts
@@ -0,0 +1,48 @@
+import { Module } from '@nestjs/common';
+import { ConfigModule, ConfigService } from '@nestjs/config';
+import { JwtModule } from '@nestjs/jwt';
+import { PassportModule } from '@nestjs/passport';
+import { AppController } from './app.controller';
+import { AppService } from './app.service';
+import appConfig from './config/app.config';
+import databaseConfig from './config/database.config';
+import jwtConfig from './config/jwt.config';
+import { SupabaseService } from './config/supabase.service';
+import { JwtStrategy } from './auth/strategies/jwt.strategy';
+import { AuthModule } from './auth/auth.module';
+import * as Joi from 'joi';
+
+@Module({
+  imports: [
+    ConfigModule.forRoot({
+      isGlobal: true,
+      load: [appConfig, databaseConfig, jwtConfig],
+      validationSchema: Joi.object({
+        NODE_ENV: Joi.string()
+          .valid('development', 'production', 'test')
+          .default('development'),
+        PORT: Joi.number().default(3000),
+        SUPABASE_URL: Joi.string().required(),
+        SUPABASE_ANON_KEY: Joi.string().required(),
+        SUPABASE_SERVICE_KEY: Joi.string().required(),
+        JWT_SECRET: Joi.string().min(32).required(),
+      }),
+    }),
+    PassportModule.register({ defaultStrategy: 'jwt' }),
+    JwtModule.registerAsync({
+      imports: [ConfigModule],
+      inject: [ConfigService],
+      useFactory: (configService: ConfigService) => ({
+        secret: configService.get<string>('jwt.secret'),
+        signOptions: {
+          expiresIn: '7d' as const,
+        },
+      }),
+    }),
+    AuthModule,
+  ],
+  controllers: [AppController],
+  providers: [AppService, SupabaseService, JwtStrategy],
+  exports: [SupabaseService, JwtModule],
+})
+export class AppModule {}
--- a/backend-api/src/app.service.ts
+++ b/backend-api/src/app.service.ts
@@ -0,0 +1,8 @@
+import { Injectable } from '@nestjs/common';
+
+@Injectable()
+export class AppService {
+  getHello(): string {
+    return 'Hello World!';
+  }
+}
--- a/backend-api/src/auth/auth.controller.ts
+++ b/backend-api/src/auth/auth.controller.ts
@@ -0,0 +1,75 @@
+import {
+  Controller,
+  Post,
+  Body,
+  Get,
+  UseGuards,
+  HttpCode,
+  HttpStatus,
+} from '@nestjs/common';
+import { AuthService } from './auth.service';
+import { SignupDto } from './dto/signup.dto';
+import { LoginDto } from './dto/login.dto';
+import { JwtAuthGuard } from './guards/jwt.guard';
+import { CurrentUser } from '../common/decorators/current-user.decorator';
+
+@Controller('auth')
+export class AuthController {
+  constructor(private readonly authService: AuthService) {}
+
+  /**
+   * POST /auth/signup
+   * Registrar novo usuário
+   */
+  @Post('signup')
+  @HttpCode(HttpStatus.CREATED)
+  async signup(@Body() signupDto: SignupDto) {
+    return this.authService.signup(signupDto);
+  }
+
+  /**
+   * POST /auth/login
+   * Fazer login
+   */
+  @Post('login')
+  @HttpCode(HttpStatus.OK)
+  async login(@Body() loginDto: LoginDto) {
+    return this.authService.login(loginDto);
+  }
+
+  /**
+   * POST /auth/logout
+   * Fazer logout
+   */
+  @Post('logout')
+  @UseGuards(JwtAuthGuard)
+  @HttpCode(HttpStatus.OK)
+  async logout(@CurrentUser() user: any) {
+    return this.authService.logout(user.userId);
+  }
+
+  /**
+   * GET /auth/me
+   * Obter dados do usuário autenticado
+   */
+  @Get('me')
+  @UseGuards(JwtAuthGuard)
+  async getProfile(@CurrentUser() user: any) {
+    return {
+      userId: user.userId,
+      email: user.email,
+      iat: user.iat,
+      exp: user.exp,
+    };
+  }
+
+  /**
+   * POST /auth/forgot-password
+   * Solicitar reset de senha
+   */
+  @Post('forgot-password')
+  @HttpCode(HttpStatus.OK)
+  async forgotPassword(@Body('email') email: string) {
+    return this.authService.requestPasswordReset(email);
+  }
+}
--- a/backend-api/src/auth/auth.module.ts
+++ b/backend-api/src/auth/auth.module.ts
@@ -0,0 +1,11 @@
+import { Module } from '@nestjs/common';
+import { AuthService } from './auth.service';
+import { AuthController } from './auth.controller';
+import { JwtStrategy } from './strategies/jwt.strategy';
+
+@Module({
+  controllers: [AuthController],
+  providers: [AuthService, JwtStrategy],
+  exports: [AuthService],
+})
+export class AuthModule {}
--- a/backend-api/src/auth/auth.service.ts
+++ b/backend-api/src/auth/auth.service.ts
@@ -0,0 +1,145 @@
+import { Injectable, UnauthorizedException, ConflictException } from '@nestjs/common';
+import { JwtService } from '@nestjs/jwt';
+import { ConfigService } from '@nestjs/config';
+import { SupabaseService } from '../config/supabase.service';
+import { SignupDto } from './dto/signup.dto';
+import { LoginDto } from './dto/login.dto';
+import * as crypto from 'crypto';
+
+@Injectable()
+export class AuthService {
+  constructor(
+    private readonly supabaseService: SupabaseService,
+    private readonly jwtService: JwtService,
+    private readonly configService: ConfigService,
+  ) {}
+
+  /**
+   * Registrar novo usuário
+   */
+  async signup(signupDto: SignupDto) {
+    try {
+      // Criar usuário no Supabase Auth
+      const user = await this.supabaseService.createUser(
+        signupDto.email,
+        signupDto.password,
+      );
+
+      // Criar registro do usuário na tabela users (opcional)
+      // await this.usersService.create({
+      //   id: user.id,
+      //   email: user.email,
+      //   name: signupDto.name,
+      // });
+
+      // Gerar token JWT
+      const token = this.generateToken(user.id, user.email);
+
+      return {
+        access_token: token,
+        user: {
+          id: user.id,
+          email: user.email,
+          email_confirmed_at: user.email_confirmed_at,
+        },
+      };
+    } catch (error) {
+      if (error.message?.includes('already registered')) {
+        throw new ConflictException('Email já está registrado');
+      }
+      throw error;
+    }
+  }
+
+  /**
+   * Fazer login
+   */
+  async login(loginDto: LoginDto) {
+    try {
+      const supabase = this.supabaseService.getClient();
+
+      const { data, error } = await supabase.auth.signInWithPassword({
+        email: loginDto.email,
+        password: loginDto.password,
+      });
+
+      if (error) {
+        throw new UnauthorizedException('Email ou senha incorretos');
+      }
+
+      // Gerar token JWT customizado
+      const token = this.generateToken(data.user.id, data.user.email);
+
+      return {
+        access_token: token,
+        user: {
+          id: data.user.id,
+          email: data.user.email,
+          email_confirmed_at: data.user.email_confirmed_at,
+        },
+      };
+    } catch (error) {
+      throw new UnauthorizedException('Email ou senha incorretos');
+    }
+  }
+
+  /**
+   * Fazer logout (validação do token)
+   */
+  async logout(userId: string) {
+    // Em um sistema real, você poderia adicionar o token a uma blacklist
+    // Por enquanto, apenas validamos que o usuário tem um token válido
+    return { message: 'Logout realizado com sucesso' };
+  }
+
+  /**
+   * Validar token e retornar dados do usuário
+   */
+  async validateToken(token: string) {
+    try {
+      const decoded = this.jwtService.verify(token);
+      return decoded;
+    } catch (error) {
+      throw new UnauthorizedException('Token inválido ou expirado');
+    }
+  }
+
+  /**
+   * Gerar token JWT
+   */
+  private generateToken(userId: string, email: string): string {
+    const payload = {
+      sub: userId,
+      email: email,
+      iat: Math.floor(Date.now() / 1000),
+    };
+
+    return this.jwtService.sign(payload);
+  }
+
+  /**
+   * Recuperar senha (envia email com link de reset)
+   */
+  async requestPasswordReset(email: string) {
+    try {
+      const supabase = this.supabaseService.getClient();
+
+      const { error } = await supabase.auth.resetPasswordForEmail(email, {
+        redirectTo: `${process.env.FRONTEND_URL || 'http://localhost:3000'}/reset-password`,
+      });
+
+      if (error) {
+        throw error;
+      }
+
+      return {
+        message: 'Email de recuperação enviado. Verifique sua caixa de entrada.',
+      };
+    } catch (error) {
+      // Não revelar se o email existe ou não por segurança
+      return {
+        message: 'Se o email existir, você receberá um link de recuperação.',
+      };
+    }
+  }
+}
--- a/backend-api/src/auth/dto/login.dto.ts
+++ b/backend-api/src/auth/dto/login.dto.ts
@@ -0,0 +1,10 @@
+import { IsEmail, IsString, MinLength } from 'class-validator';
+
+export class LoginDto {
+  @IsEmail()
+  email: string;
+
+  @IsString()
+  @MinLength(8)
+  password: string;
+}
--- a/backend-api/src/auth/dto/signup.dto.ts
+++ b/backend-api/src/auth/dto/signup.dto.ts
@@ -0,0 +1,13 @@
+import { IsEmail, IsString, MinLength } from 'class-validator';
+
+export class SignupDto {
+  @IsEmail()
+  email: string;
+
+  @IsString()
+  @MinLength(8)
+  password: string;
+
+  @IsString()
+  name?: string;
+}
--- a/backend-api/src/auth/guards/jwt.guard.ts
+++ b/backend-api/src/auth/guards/jwt.guard.ts
@@ -0,0 +1,5 @@
+import { Injectable } from '@nestjs/common';
+import { AuthGuard } from '@nestjs/passport';
+
+@Injectable()
+export class JwtAuthGuard extends AuthGuard('jwt') {}
--- a/backend-api/src/auth/strategies/jwt.strategy.ts
+++ b/backend-api/src/auth/strategies/jwt.strategy.ts
@@ -0,0 +1,24 @@
+import { Injectable } from '@nestjs/common';
+import { ConfigService } from '@nestjs/config';
+import { PassportStrategy } from '@nestjs/passport';
+import { ExtractJwt, Strategy } from 'passport-jwt';
+
+@Injectable()
+export class JwtStrategy extends PassportStrategy(Strategy) {
+  constructor(private configService: ConfigService) {
+    super({
+      jwtFromRequest: ExtractJwt.fromAuthHeaderAsBearerToken(),
+      ignoreExpiration: false,
+      secretOrKey: configService.get<string>('jwt.secret'),
+    });
+  }
+
+  async validate(payload: any) {
+    return {
+      userId: payload.sub,
+      email: payload.email,
+      iat: payload.iat,
+      exp: payload.exp,
+    };
+  }
+}
--- a/backend-api/src/common/decorators/current-user.decorator.ts
+++ b/backend-api/src/common/decorators/current-user.decorator.ts
@@ -0,0 +1,8 @@
+import { createParamDecorator, ExecutionContext } from '@nestjs/common';
+
+export const CurrentUser = createParamDecorator(
+  (data: unknown, ctx: ExecutionContext) => {
+    const request = ctx.switchToHttp().getRequest();
+    return request.user;
+  },
+);
--- a/backend-api/src/config/app.config.ts
+++ b/backend-api/src/config/app.config.ts
@@ -0,0 +1,11 @@
+import { registerAs } from '@nestjs/config';
+
+export default registerAs('app', () => ({
+  env: process.env.NODE_ENV || 'development',
+  port: parseInt(process.env.PORT || '3000', 10),
+  apiPrefix: process.env.API_PREFIX || '/api',
+  cors: {
+    origin: process.env.CORS_ORIGIN?.split(',') || ['http://localhost:3000'],
+    credentials: true,
+  },
+}));
--- a/backend-api/src/config/database.config.ts
+++ b/backend-api/src/config/database.config.ts
@@ -0,0 +1,8 @@
+import { registerAs } from '@nestjs/config';
+
+export default registerAs('database', () => ({
+  supabaseUrl: process.env.SUPABASE_URL,
+  supabaseAnonKey: process.env.SUPABASE_ANON_KEY,
+  supabaseServiceKey: process.env.SUPABASE_SERVICE_KEY,
+  databaseUrl: process.env.DATABASE_URL,
+}));
--- a/backend-api/src/config/jwt.config.ts
+++ b/backend-api/src/config/jwt.config.ts
@@ -0,0 +1,6 @@
+import { registerAs } from '@nestjs/config';
+
+export default registerAs('jwt', () => ({
+  secret: process.env.JWT_SECRET,
+  expiresIn: process.env.JWT_EXPIRATION || '7d',
+}));
--- a/backend-api/src/config/supabase.service.ts
+++ b/backend-api/src/config/supabase.service.ts
@@ -0,0 +1,40 @@
+import { createClient } from '@supabase/supabase-js';
+import { Injectable } from '@nestjs/common';
+import { ConfigService } from '@nestjs/config';
+
+@Injectable()
+export class SupabaseService {
+  private supabaseClient;
+
+  constructor(private configService: ConfigService) {
+    const supabaseUrl = this.configService.get<string>('database.supabaseUrl');
+    const supabaseKey = this.configService.get<string>('database.supabaseServiceKey');
+
+    if (!supabaseUrl || !supabaseKey) {
+      throw new Error('SUPABASE_URL and SUPABASE_SERVICE_KEY must be defined');
+    }
+
+    this.supabaseClient = createClient(supabaseUrl, supabaseKey);
+  }
+
+  getClient() {
+    return this.supabaseClient;
+  }
+
+  // Helper para criar usuario
+  async createUser(email: string, password: string) {
+    const { data, error } = await this.supabaseClient.auth.admin.createUser({
+      email,
+      password,
+      email_confirm: true,
+    });
+
+    if (error) throw error;
+    return data.user;
+  }
+
+  // Helper para fazer queries
+  async query(table: string, method: 'select' | 'insert' | 'update' | 'delete' = 'select') {
+    return this.supabaseClient.from(table)[method]();
+  }
+}
--- a/backend-api/src/main.ts
+++ b/backend-api/src/main.ts
@@ -0,0 +1,32 @@
+import { NestFactory } from '@nestjs/core';
+import { ValidationPipe } from '@nestjs/common';
+import { AppModule } from './app.module';
+
+async function bootstrap() {
+  const app = await NestFactory.create(AppModule);
+  
+  // Validação global
+  app.useGlobalPipes(
+    new ValidationPipe({
+      whitelist: true,
+      forbidNonWhitelisted: true,
+      transform: true,
+    }),
+  );
+
+  // CORS
+  app.enableCors({
+    origin: process.env.CORS_ORIGIN?.split(',') || 'http://localhost:3000',
+    credentials: true,
+  });
+
+  // API Prefix
+  const port = process.env.PORT ?? 3000;
+  const apiPrefix = process.env.API_PREFIX ?? '/api';
+  
+  app.setGlobalPrefix(apiPrefix);
+  await app.listen(port, '0.0.0.0', () => {
+    console.log(`🚀 Server running on http://localhost:${port}${apiPrefix}`);
+  });
+}
+bootstrap();
--- a/backend-api/src/users/dto/create-user.dto.ts
+++ b/backend-api/src/users/dto/create-user.dto.ts
@@ -0,0 +1,9 @@
+import { IsString, IsEmail } from 'class-validator';
+
+export class CreateUserDto {
+  @IsEmail()
+  email: string;
+
+  @IsString()
+  name?: string;
+}
--- a/backend-api/test/app.e2e-spec.ts
+++ b/backend-api/test/app.e2e-spec.ts
@@ -0,0 +1,25 @@
+import { Test, TestingModule } from '@nestjs/testing';
+import { INestApplication } from '@nestjs/common';
+import request from 'supertest';
+import { App } from 'supertest/types';
+import { AppModule } from './../src/app.module';
+
+describe('AppController (e2e)', () => {
+  let app: INestApplication<App>;
+
+  beforeEach(async () => {
+    const moduleFixture: TestingModule = await Test.createTestingModule({
+      imports: [AppModule],
+    }).compile();
+
+    app = moduleFixture.createNestApplication();
+    await app.init();
+  });
+
+  it('/ (GET)', () => {
+    return request(app.getHttpServer())
+      .get('/')
+      .expect(200)
+      .expect('Hello World!');
+  });
+});
--- a/backend-api/test/jest-e2e.json
+++ b/backend-api/test/jest-e2e.json
@@ -0,0 +1,9 @@
+{
+  "moduleFileExtensions": ["js", "json", "ts"],
+  "rootDir": ".",
+  "testEnvironment": "node",
+  "testRegex": ".e2e-spec.ts$",
+  "transform": {
+    "^.+\\.(t|j)s$": "ts-jest"
+  }
+}
--- a/backend-api/tsconfig.build.json
+++ b/backend-api/tsconfig.build.json
@@ -0,0 +1,4 @@
+{
+  "extends": "./tsconfig.json",
+  "exclude": ["node_modules", "test", "dist", "**/*spec.ts"]
+}
--- a/backend-api/tsconfig.json
+++ b/backend-api/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "module": "nodenext",
+    "moduleResolution": "nodenext",
+    "resolvePackageJsonExports": true,
+    "esModuleInterop": true,
+    "isolatedModules": true,
+    "declaration": true,
+    "removeComments": true,
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "allowSyntheticDefaultImports": true,
+    "target": "ES2023",
+    "sourceMap": true,
+    "outDir": "./dist",
+    "baseUrl": "./",
+    "incremental": true,
+    "skipLibCheck": true,
+    "strictNullChecks": true,
+    "forceConsistentCasingInFileNames": true,
+    "noImplicitAny": false,
+    "strictBindCallApply": false,
+    "noFallthroughCasesInSwitch": false
+  }
+}
--- a/docs/instrucoes-design.md
+++ b/docs/instrucoes-design.md
@@ -0,0 +1,773 @@
+# 🎨 TASK MANAGER - Design System & Guia de Interface
+
+## 🌈 Paleta de Cores
+
+### Cores Principais
+- **Primary (Azul)**: `#2563EB` - Ações principais, links, seleção
+- **Primary Dark**: `#1D4ED8` - Estados hover/ativo
+- **Primary Light**: `#DBEAFE` - Backgrounds, estados desabilitados
+- **White**: `#FFFFFF` - Backgrounds principal
+- **Black**: `#000000` - Texto principal, contrastes fortes
+- **Gray 50**: `#F9FAFB` - Backgrounds secundários
+- **Gray 100**: `#F3F4F6` - Borders leves
+- **Gray 200**: `#E5E7EB` - Borders padrão
+- **Gray 400**: `#9CA3AF` - Texto secundário, placeholders
+- **Gray 600**: `#4B5563` - Texto terciário
+
+### Cores de Status
+- **Success**: `#10B981` - Tarefas concluídas
+- **Warning**: `#F59E0B` - Alertas
+- **Error**: `#EF4444` - Erros, deletar
+- **Info**: `#06B6D4` - Informações
+
+---
+
+## 🔤 Tipografia (Google Fonts)
+
+### Fonte Principal: **Inter**
+- Link: https://fonts.google.com/specimen/Inter
+- Uso: Corpo de texto, UI, labels
+
+### Fonte Secundária: **Poppins**
+- Link: https://fonts.google.com/specimen/Poppins
+- Uso: Títulos, headings, destaque
+
+### Escala Tipográfica
+
+| Nome | Tamanho | Weight | Line Height | Letra-espaçamento | Uso |
+|------|---------|--------|-------------|------------------|-----|
+| **H1** | 32px | 700 (Bold) | 40px | -0.5px | Títulos principais |
+| **H2** | 24px | 700 (Bold) | 32px | -0.3px | Subtítulos |
+| **H3** | 18px | 600 (SemiBold) | 28px | -0.2px | Seções |
+| **Body Large** | 16px | 400 (Regular) | 24px | 0px | Texto principal |
+| **Body Normal** | 14px | 400 (Regular) | 22px | 0px | Descrições |
+| **Body Small** | 12px | 400 (Regular) | 18px | 0.2px | Ajuda, captions |
+| **Label** | 12px | 600 (SemiBold) | 18px | 0.5px | Labels de campos |
+| **Button** | 14px | 600 (SemiBold) | 20px | 0.5px | Texto de botões |
+
+### Importação no CSS/Next.js
+```css
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap');
+
+:root {
+  --font-inter: 'Inter', sans-serif;
+  --font-poppins: 'Poppins', sans-serif;
+}
+```
+
+---
+
+## 🎯 Espaçamento (8px Base)
+
+Seguindo o padrão Material Design + Tailwind, usando múltiplos de 8px:
+
+| Token | Valor | Uso |
+|-------|-------|-----|
+| **xs** | 4px | Micro-espaçamentos |
+| **sm** | 8px | Padding pequeno |
+| **md** | 12px | Padding padrão |
+| **lg** | 16px | Espaçamento interno |
+| **xl** | 24px | Separação entre elementos |
+| **2xl** | 32px | Separação entre seções |
+| **3xl** | 48px | Grandes divisores |
+| **4xl** | 64px | Muito grandes |
+
+### Exemplos de Aplicação
+- **Padding de Botão**: 12px (vertical) × 16px (horizontal)
+- **Padding de Card**: 24px
+- **Gap entre inputs**: 16px
+- **Margin entre seções**: 32px
+
+---
+
+## 🎨 Componentes - Design System
+
+### 1️⃣ **BOTÕES**
+
+#### Botão Primary (Padrão)
+```
+Tamanho: 48px altura
+Padding: 12px vertical × 16px horizontal
+Background: #2563EB
+Text: White, 14px Bold
+Border Radius: 8px
+Font Weight: 600
+```
+
+**Estados:**
+- **Default**: Background #2563EB
+- **Hover**: Background #1D4ED8, Sombra leve
+- **Active**: Background #1D4ED8, sem sombra
+- **Disabled**: Background #E5E7EB, Text #9CA3AF, sem cursor
+
+#### Botão Secondary
+```
+Background: #F3F4F6
+Text: #000000, 14px Bold
+Border: 1px #E5E7EB
+Border Radius: 8px
+```
+
+#### Botão Tertiary (Text only)
+```
+Background: transparent
+Text: #2563EB, 14px Bold
+Padding: 12px 16px
+```
+
+#### Botão Danger
+```
+Background: #EF4444
+Text: White, 14px Bold
+Sombra: 0px 4px 12px rgba(239, 68, 68, 0.2)
+```
+
+#### Botão com Ícone
+```
+Spacing entre ícone e texto: 8px
+Ícone tamanho: 20px × 20px
+```
+
+---
+
+### 2️⃣ **CAMPOS DE ENTRADA (Inputs)**
+
+#### Input Padrão
+```
+Altura: 44px
+Padding: 12px 16px
+Border: 1px #E5E7EB
+Border Radius: 8px
+Font: Inter 14px
+Background: #FFFFFF
+```
+
+**Estados:**
+- **Default**: Border #E5E7EB, Background #FFFFFF
+- **Focus**: Border #2563EB (2px), Background #FFFFFF, Box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1)
+- **Filled**: Border #2563EB
+- **Error**: Border #EF4444, Background #FEF2F2
+- **Disabled**: Border #E5E7EB, Background #F9FAFB, Text #9CA3AF
+
+#### Placeholder
+```
+Color: #9CA3AF
+Font Style: Regular
+```
+
+#### Label
+```
+Font: Poppins 12px SemiBold
+Color: #000000
+Margin Bottom: 8px
+Required indicator (*): Color #EF4444
+```
+
+#### Help Text
+```
+Font: Inter 12px Regular
+Color: #6B7280
+Margin Top: 4px
+```
+
+#### Error Message
+```
+Font: Inter 12px Regular
+Color: #EF4444
+Icon: 16px × 16px (⚠️)
+Margin Top: 4px
+```
+
+---
+
+### 3️⃣ **CARDS**
+
+```
+Background: #FFFFFF
+Border: 1px #E5E7EB
+Border Radius: 12px
+Padding: 24px
+Box Shadow: 0px 1px 3px rgba(0, 0, 0, 0.1)
+```
+
+**Hover (Interactive):**
+```
+Box Shadow: 0px 4px 12px rgba(0, 0, 0, 0.08)
+Transition: 150ms
+```
+
+#### Task Card
+```
+Padding: 16px
+Border Radius: 12px
+Background: #FFFFFF
+Border: 1px #E5E7EB
+
+Estrutura:
+├── Checkbox (20px × 20px)
+├── Conteúdo (Flex: 1)
+│   ├── Título: 14px Bold, #000000
+│   └── Descrição: 13px Regular, #6B7280
+└── Menu/Delete: 24px × 24px (Right)
+
+Spacing: 12px entre elementos
+```
+
+---
+
+### 4️⃣ **CHECKBOX & RADIO**
+
+#### Checkbox
+```
+Tamanho: 20px × 20px
+Border: 2px #E5E7EB
+Border Radius: 4px
+Background: #FFFFFF
+Padding: 2px (interno)
+```
+
+**Estados:**
+- **Unchecked**: Border #E5E7EB, Background #FFFFFF
+- **Checked**: Border #2563EB, Background #2563EB, Ícone ✓ branco
+- **Focus**: Box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1)
+- **Disabled**: Border #E5E7EB, Background #F3F4F6
+
+---
+
+### 5️⃣ **TABS**
+
+```
+Height: 48px
+Font: Inter 14px SemiBold
+Color: #6B7280 (inactive), #2563EB (active)
+Border Bottom: 2px #2563EB (active)
+Padding: 16px horizontal
+```
+
+---
+
+### 6️⃣ **MODALS/DIALOGS**
+
+```
+Background: #FFFFFF
+Border Radius: 16px
+Padding: 32px
+Width: 90% (mobile), 520px (desktop)
+Max Height: 90vh
+Box Shadow: 0px 20px 25px rgba(0, 0, 0, 0.15)
+Overlay: rgba(0, 0, 0, 0.5)
+```
+
+**Estrutura:**
+```
+├── Header
+│   ├── Título: H2
+│   └── Close button: 24px (top right)
+├── Content
+│   └── Padding: 24px 0
+└── Footer (Actions)
+    ├── Button Secondary (Cancel): Left
+    └── Button Primary (Confirm): Right
+    └── Spacing: 12px entre botões
+```
+
+---
+
+### 7️⃣ **ÍCONES (Google Icons)**
+
+Link: https://fonts.google.com/icons
+
+**Tamanhos Padrão:**
+- **Small**: 16px - Lado de inputs, help text
+- **Normal**: 20px - Ícones em botões, menus
+- **Large**: 24px - Ícones principais, headers
+- **XL**: 32px - Ícones de estado vazio, sucesso
+
+**Cor Principal**: #2563EB
+**Cor Secundária**: #6B7280
+**Cor Erro**: #EF4444
+
+**Ícones Recomendados:**
+- check_circle (Concluído)
+- radio_button_unchecked (Não concluído)
+- delete (Deletar)
+- edit (Editar)
+- close (Fechar)
+- menu (Menu)
+- search (Buscar)
+- add (Adicionar)
+- logout (Sair)
+- login (Entrar)
+- person (Perfil)
+- error (Erro)
+- warning (Aviso)
+- info (Info)
+
+---
+
+## 📱 **NEXT.JS - Estrutura de Componentes**
+
+### Diretório
+```
+frontend-next/
+├── src/
+│   ├── components/
+│   │   ├── ui/
+│   │   │   ├── Button.tsx
+│   │   │   ├── Input.tsx
+│   │   │   ├── Card.tsx
+│   │   │   ├── Checkbox.tsx
+│   │   │   ├── Modal.tsx
+│   │   │   ├── Toast.tsx
+│   │   │   └── Spinner.tsx
+│   │   ├── forms/
+│   │   │   ├── TaskForm.tsx
+│   │   │   ├── LoginForm.tsx
+│   │   │   └── SignupForm.tsx
+│   │   ├── tasks/
+│   │   │   ├── TaskItem.tsx
+│   │   │   ├── TaskList.tsx
+│   │   │   └── TaskFilters.tsx
+│   │   ├── layout/
+│   │   │   ├── Header.tsx
+│   │   │   ├── Sidebar.tsx
+│   │   │   └── Footer.tsx
+│   │   └── common/
+│   │       ├── EmptyState.tsx
+│   │       └── LoadingState.tsx
+│   ├── lib/
+│   │   ├── styles/
+│   │   │   ├── colors.ts
+│   │   │   ├── spacing.ts
+│   │   │   ├── typography.ts
+│   │   │   └── shadows.ts
+│   │   └── utils.ts
+│   ├── app/
+│   │   ├── globals.css
+│   │   ├── layout.tsx
+│   │   ├── page.tsx
+│   │   ├── (auth)/
+│   │   │   ├── login/page.tsx
+│   │   │   └── signup/page.tsx
+│   │   └── (dashboard)/
+│   │       └── tasks/page.tsx
+│   └── styles/
+│       └── tailwind.config.ts
+```
+
+### Configuração Tailwind (tailwind.config.ts)
+```typescript
+import type { Config } from 'tailwindcss'
+
+export default {
+  content: [
+    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
+    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
+    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
+  ],
+  theme: {
+    extend: {
+      colors: {
+        primary: {
+          DEFAULT: '#2563EB',
+          dark: '#1D4ED8',
+          light: '#DBEAFE',
+        },
+        gray: {
+          50: '#F9FAFB',
+          100: '#F3F4F6',
+          200: '#E5E7EB',
+          400: '#9CA3AF',
+          600: '#4B5563',
+        },
+        status: {
+          success: '#10B981',
+          warning: '#F59E0B',
+          error: '#EF4444',
+          info: '#06B6D4',
+        },
+      },
+      fontFamily: {
+        inter: ['var(--font-inter)', 'sans-serif'],
+        poppins: ['var(--font-poppins)', 'sans-serif'],
+      },
+      fontSize: {
+        'h1': ['32px', { lineHeight: '40px', fontWeight: '700', letterSpacing: '-0.5px' }],
+        'h2': ['24px', { lineHeight: '32px', fontWeight: '700', letterSpacing: '-0.3px' }],
+        'h3': ['18px', { lineHeight: '28px', fontWeight: '600', letterSpacing: '-0.2px' }],
+        'body-lg': ['16px', { lineHeight: '24px', fontWeight: '400' }],
+        'body': ['14px', { lineHeight: '22px', fontWeight: '400' }],
+        'body-sm': ['12px', { lineHeight: '18px', fontWeight: '400', letterSpacing: '0.2px' }],
+        'label': ['12px', { lineHeight: '18px', fontWeight: '600', letterSpacing: '0.5px' }],
+        'btn': ['14px', { lineHeight: '20px', fontWeight: '600', letterSpacing: '0.5px' }],
+      },
+      spacing: {
+        'xs': '4px',
+        'sm': '8px',
+        'md': '12px',
+        'lg': '16px',
+        'xl': '24px',
+        '2xl': '32px',
+        '3xl': '48px',
+        '4xl': '64px',
+      },
+      borderRadius: {
+        'sm': '4px',
+        'md': '8px',
+        'lg': '12px',
+        'xl': '16px',
+      },
+      boxShadow: {
+        'sm': '0px 1px 3px rgba(0, 0, 0, 0.1)',
+        'md': '0px 4px 12px rgba(0, 0, 0, 0.08)',
+        'lg': '0px 20px 25px rgba(0, 0, 0, 0.15)',
+        'focus': '0 0 0 3px rgba(37, 99, 235, 0.1)',
+      },
+    },
+  },
+  plugins: [],
+} satisfies Config
+```
+
+---
+
+## 🚀 **FLUTTER - Design System**
+
+### Diretório
+```
+mobile/
+├── lib/
+│   ├── config/
+│   │   ├── theme.dart
+│   │   ├── colors.dart
+│   │   ├── typography.dart
+│   │   └── spacing.dart
+│   ├── widgets/
+│   │   ├── buttons/
+│   │   │   ├── primary_button.dart
+│   │   │   ├── secondary_button.dart
+│   │   │   └── tertiary_button.dart
+│   │   ├── inputs/
+│   │   │   ├── text_input.dart
+│   │   │   ├── checkbox_input.dart
+│   │   │   └── form_field.dart
+│   │   ├── cards/
+│   │   │   ├── task_card.dart
+│   │   │   └── card.dart
+│   │   ├── common/
+│   │   │   ├── modal.dart
+│   │   │   ├── empty_state.dart
+│   │   │   └── loading_state.dart
+│   │   └── app/
+│   │       ├── app_bar.dart
+│   │       └── bottom_nav.dart
+│   ├── screens/
+│   │   ├── auth/
+│   │   │   ├── login_screen.dart
+│   │   │   └── signup_screen.dart
+│   │   ├── tasks/
+│   │   │   ├── tasks_screen.dart
+│   │   │   ├── task_detail_screen.dart
+│   │   │   └── create_task_screen.dart
+│   │   └── profile/
+│   │       └── profile_screen.dart
+│   └── main.dart
+```
+
+### Colors (colors.dart)
+```dart
+abstract class AppColors {
+  // Primary
+  static const Color primary = Color(0xFF2563EB);
+  static const Color primaryDark = Color(0xFF1D4ED8);
+  static const Color primaryLight = Color(0xFFDBEAFE);
+
+  // Base
+  static const Color white = Color(0xFFFFFFFF);
+  static const Color black = Color(0xFF000000);
+
+  // Gray
+  static const Color gray50 = Color(0xFFF9FAFB);
+  static const Color gray100 = Color(0xFFF3F4F6);
+  static const Color gray200 = Color(0xFFE5E7EB);
+  static const Color gray400 = Color(0xFF9CA3AF);
+  static const Color gray600 = Color(0xFF4B5563);
+
+  // Status
+  static const Color success = Color(0xFF10B981);
+  static const Color warning = Color(0xFFF59E0B);
+  static const Color error = Color(0xFFEF4444);
+  static const Color info = Color(0xFF06B6D4);
+}
+```
+
+### Theme (theme.dart)
+```dart
+import 'package:flutter/material.dart';
+import 'colors.dart';
+
+final ThemeData appTheme = ThemeData(
+  useMaterial3: true,
+  colorScheme: ColorScheme(
+    brightness: Brightness.light,
+    primary: AppColors.primary,
+    onPrimary: AppColors.white,
+    secondary: AppColors.gray600,
+    onSecondary: AppColors.white,
+    error: AppColors.error,
+    onError: AppColors.white,
+    background: AppColors.white,
+    onBackground: AppColors.black,
+    surface: AppColors.white,
+    onSurface: AppColors.black,
+  ),
+  fontFamily: 'Inter',
+  textTheme: TextTheme(
+    displayLarge: TextStyle(
+      fontSize: 32,
+      fontWeight: FontWeight.w700,
+      letterSpacing: -0.5,
+      fontFamily: 'Poppins',
+    ),
+    displayMedium: TextStyle(
+      fontSize: 24,
+      fontWeight: FontWeight.w700,
+      letterSpacing: -0.3,
+      fontFamily: 'Poppins',
+    ),
+    headlineSmall: TextStyle(
+      fontSize: 18,
+      fontWeight: FontWeight.w600,
+      letterSpacing: -0.2,
+      fontFamily: 'Poppins',
+    ),
+    bodyLarge: TextStyle(
+      fontSize: 16,
+      fontWeight: FontWeight.w400,
+      height: 1.5,
+    ),
+    bodyMedium: TextStyle(
+      fontSize: 14,
+      fontWeight: FontWeight.w400,
+      height: 1.57,
+    ),
+    bodySmall: TextStyle(
+      fontSize: 12,
+      fontWeight: FontWeight.w400,
+      letterSpacing: 0.2,
+      height: 1.5,
+    ),
+    labelMedium: TextStyle(
+      fontSize: 12,
+      fontWeight: FontWeight.w600,
+      letterSpacing: 0.5,
+    ),
+  ),
+);
+```
+
+### Spacing (spacing.dart)
+```dart
+abstract class AppSpacing {
+  static const double xs = 4.0;
+  static const double sm = 8.0;
+  static const double md = 12.0;
+  static const double lg = 16.0;
+  static const double xl = 24.0;
+  static const double xxl = 32.0;
+  static const double xxxl = 48.0;
+  static const double xxxxl = 64.0;
+}
+```
+
+### Exemplo de Componente - Primary Button
+```dart
+class PrimaryButton extends StatelessWidget {
+  final String label;
+  final VoidCallback onPressed;
+  final bool isLoading;
+  final bool isEnabled;
+  final IconData? icon;
+
+  const PrimaryButton({
+    required this.label,
+    required this.onPressed,
+    this.isLoading = false,
+    this.isEnabled = true,
+    this.icon,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return ElevatedButton(
+      onPressed: isEnabled && !isLoading ? onPressed : null,
+      style: ElevatedButton.styleFrom(
+        backgroundColor: AppColors.primary,
+        disabledBackgroundColor: AppColors.gray200,
+        padding: EdgeInsets.symmetric(
+          vertical: AppSpacing.md,
+          horizontal: AppSpacing.lg,
+        ),
+        shape: RoundedRectangleBorder(
+          borderRadius: BorderRadius.circular(8),
+        ),
+        elevation: 0,
+      ),
+      child: isLoading
+          ? SizedBox(
+              height: 20,
+              width: 20,
+              child: CircularProgressIndicator(
+                strokeWidth: 2,
+                valueColor: AlwaysStoppedAnimation<Color>(
+                  isEnabled ? AppColors.white : AppColors.gray400,
+                ),
+              ),
+            )
+          : Row(
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                if (icon != null) ...[
+                  Icon(icon, size: 20),
+                  SizedBox(width: AppSpacing.sm),
+                ],
+                Text(label),
+              ],
+            ),
+    );
+  }
+}
+```
+
+---
+
+## 🎯 **PADRÕES DE LAYOUT**
+
+### Responsividade Next.js
+
+```
+Mobile: < 640px (default)
+Tablet: 640px - 1024px
+Desktop: > 1024px
+```
+
+### Breakpoints (Tailwind)
+```typescript
+sm: '640px'
+md: '768px'
+lg: '1024px'
+xl: '1280px'
+2xl: '1536px'
+```
+
+### Safe Area (Flutter)
+```dart
+Scaffold(
+  body: SafeArea(
+    child: SingleChildScrollView(
+      padding: EdgeInsets.all(AppSpacing.lg),
+      child: YourContent(),
+    ),
+  ),
+)
+```
+
+---
+
+## 📐 **ANIMAÇÕES & TRANSIÇÕES**
+
+### Next.js (Tailwind)
+```
+Duration padrão: 150ms
+Easing: cubic-bezier(0.4, 0, 0.2, 1)
+Propriedades: transform, opacity, color, box-shadow
+```
+
+**Exemplo:**
+```css
+.button {
+  @apply transition-all duration-150 ease-in-out;
+}
+
+.button:hover {
+  @apply scale-105 shadow-md;
+}
+```
+
+### Flutter
+```dart
+Duration animationDuration = Duration(milliseconds: 150);
+Curve animationCurve = Curves.easeInOut;
+```
+
+---
+
+## ✅ **ACESSIBILIDADE**
+
+### Contraste de Cores (WCAG AA)
+- Ratio mínimo: 4.5:1 para textos normais
+- Ratio mínimo: 3:1 para textos grandes
+
+### Next.js
+- Usar `<label htmlFor="">` para inputs
+- Alt text em imagens
+- Semantic HTML (button, form, etc)
+
+### Flutter
+- Semantics widget para leitura de tela
+- Sufficient touch targets (mínimo 48x48 dp)
+
+---
+
+## 📋 **CHECKLIST DE DESIGN**
+
+- [ ] Cores aplicadas conforme paleta
+- [ ] Tipografia usando Inter e Poppins
+- [ ] Espaçamento em múltiplos de 8px
+- [ ] Componentes com 4 estados (default, hover, active, disabled)
+- [ ] Ícones do Google Icons (20px padrão)
+- [ ] Botões com altura mínima de 48px
+- [ ] Inputs com altura de 44px
+- [ ] Cards com border-radius 12px
+- [ ] Box shadows consistentes
+- [ ] Responsive design funcional
+- [ ] Acessibilidade testada
+- [ ] Loading states em todas as ações
+- [ ] Error states claros
+- [ ] Empty states amigáveis
+
+---
+
+## 🔗 **REFERÊNCIAS & RECURSOS**
+
+### Ferramentas
+- **Figma**: Para prototipar (opcional)
+- **Google Fonts**: https://fonts.google.com
+- **Google Icons**: https://fonts.google.com/icons
+- **Color Checker**: https://webaim.org/resources/contrastchecker/
+
+### Documentação
+- **Tailwind CSS**: https://tailwindcss.com/docs
+- **Next.js**: https://nextjs.org/docs
+- **Flutter**: https://flutter.dev/docs
+- **Material Design 3**: https://m3.material.io/
+
+---
+
+## 💾 **IMPLEMENTAÇÃO IMEDIATA**
+
+### Next.js - Setup Inicial
+1. Configurar Tailwind config com tokens
+2. Criar componentes base (Button, Input, Card)
+3. Importar Google Fonts em globals.css
+4. Testar componentes em storybook (opcional)
+
+### Flutter - Setup Inicial
+1. Adicionar Google Fonts package
+2. Criar arquivos de theme
+3. Implementar componentes customizados
+4. Testar em multiple devices
+
+---
+
+**Mantém Fidelidade ao Design em TODAS as screens! 🎯**
--- a/docs/instrucoes-gerais.md
+++ b/docs/instrucoes-gerais.md
@@ -0,0 +1,238 @@
+# 📱 TASK MANAGER - Plano de Desenvolvimento
+
+## 🎯 Objetivo
+
+Criar uma aplicação **multi-plataforma sincronizada em tempo real** de gerenciamento de tarefas para estudar desenvolvimento fullstack moderno com TypeScript.
+
+---
+
+## 🛠️ Stack Tecnológica
+
+### Backend
+- **NestJS** - Framework Node.js com TypeScript
+- **Supabase** (`https://supabase.stackbackup.cloud`) - PostgreSQL + Auth + Realtime
+- **PostgreSQL** - Banco de dados relacional
+- **Docker** - Containerização
+
+### Frontend Web
+- **Next.js 14** - Framework React com App Router
+- **TailwindCSS** - Framework CSS utility-first
+- **TypeScript** - Linguagem principal
+- **Supabase Client** - Cliente JavaScript
+
+### Mobile
+- **Flutter** - Framework multi-plataforma (Android/iOS)
+- **Dart** - Linguagem do Flutter
+- **Provider** - State management
+- **Supabase Flutter** - Cliente Dart
+
+### Ferramentas
+- **Git/GitHub** - Controle de versão
+- **VS Code** - IDE
+
+---
+
+## 📋 Funcionalidades (MVP)
+
+### Autenticação
+- [ ] Cadastro de usuário (email + senha)
+- [ ] Login
+- [ ] Logout
+- [ ] Recuperação de senha
+- [ ] Sessão persistente
+
+### Gerenciamento de Tarefas (CRUD)
+- [ ] Criar tarefa (título + descrição opcional)
+- [ ] Listar tarefas do usuário
+- [ ] Marcar como concluída/pendente
+- [ ] Editar tarefa
+- [ ] Deletar tarefa
+- [ ] Filtrar (Todas/Ativas/Concluídas)
+
+### Sincronização em Tempo Real
+- [ ] Supabase Realtime (WebSockets)
+- [ ] Sincronização instantânea entre web e mobile
+- [ ] Atualização automática em múltiplos dispositivos
+
+---
+
+## 🗄️ Banco de Dados
+
+### Tabela: `tasks`
+```
+id (UUID) - Chave primária
+user_id (UUID) - Referência ao usuário (RLS habilitado)
+title (TEXT) - Título da tarefa
+description (TEXT) - Descrição opcional
+completed (BOOLEAN) - Status da tarefa
+created_at (TIMESTAMP) - Data de criação
+updated_at (TIMESTAMP) - Data de atualização
+```
+
+### Segurança
+- Row Level Security (RLS) habilitado
+- Usuário só acessa suas próprias tarefas
+
+---
+
+## 📦 Estrutura do Projeto
+
+```
+task-manager/
+├── backend/
+│   ├── src/
+│   │   ├── auth/
+│   │   ├── tasks/
+│   │   ├── common/
+│   │   └── main.ts
+│   ├── .env
+│   ├── Dockerfile
+│   └── package.json
+├── frontend-web/
+│   ├── src/
+│   │   ├── app/
+│   │   ├── components/
+│   │   ├── lib/
+│   │   └── styles/
+│   ├── .env.local
+│   └── next.config.js
+├── mobile/
+│   ├── lib/
+│   │   ├── models/
+│   │   ├── services/
+│   │   ├── screens/
+│   │   ├── widgets/
+│   │   └── main.dart
+│   └── pubspec.yaml
+├── docker-compose.yml
+└── README.md
+```
+
+---
+
+## 🚀 Roadmap de Desenvolvimento
+
+### Fase 1: Backend (NestJS + Supabase)
+- [ ] Configurar projeto NestJS com TypeScript
+- [ ] Integrar Supabase SDK
+- [ ] Criar módulo de Autenticação
+- [ ] Criar módulo de Tarefas
+- [ ] Implementar RLS no banco
+- [ ] Documentar API
+- [ ] Dockerfile para backend
+
+### Fase 2: Frontend Web (Next.js)
+- [ ] Criar projeto Next.js 14
+- [ ] Configurar Supabase Client
+- [ ] Implementar layout e componentes
+- [ ] Integrar autenticação
+- [ ] Criar páginas de tarefas
+- [ ] Implementar Realtime
+- [ ] Responsividade com Tailwind
+- [ ] Dockerfile para frontend
+
+### Fase 3: Mobile (Flutter)
+- [ ] Criar projeto Flutter
+- [ ] Integrar Supabase Flutter SDK
+- [ ] Implementar autenticação
+- [ ] Criar telas de tarefas
+- [ ] State management com Provider
+- [ ] Sincronização em tempo real
+- [ ] Build para Android e iOS
+
+### Fase 4: DevOps e Deploy
+- [ ] Docker Compose para local
+- [ ] CI/CD pipeline
+- [ ] Deploy backend (Railway/Render)
+- [ ] Deploy frontend (Vercel)
+- [ ] Deploy mobile (App Store/Play Store)
+
+---
+
+## 📚 Conhecimentos a Adquirir
+
+### TypeScript
+- [ ] Tipos básicos e avançados
+- [ ] Interfaces e tipos genéricos
+- [ ] Decoradores (usado no NestJS)
+
+### NestJS
+- [ ] Módulos e Providers
+- [ ] Controllers e Services
+- [ ] Middleware e Guards
+- [ ] Integração com banco de dados
+
+### Supabase
+- [ ] Row Level Security (RLS)
+- [ ] Autenticação com JWT
+- [ ] Realtime Subscriptions
+- [ ] Migrations SQL
+
+### Next.js 14
+- [ ] App Router vs Pages Router
+- [ ] Server Components e Client Components
+- [ ] API Routes
+- [ ] Deployment na Vercel
+
+### Flutter
+- [ ] Widgets e layouts
+- [ ] State management (Provider)
+- [ ] HTTP client
+- [ ] Navegação
+
+---
+
+## ⚙️ Variáveis de Ambiente
+
+### Backend (.env)
+```
+SUPABASE_URL=https://supabase.stackbackup.cloud
+SUPABASE_KEY=[SUPABASE_ANON_KEY]
+JWT_SECRET=[SEU_JWT_SECRET]
+DATABASE_URL=[CONNECTION_STRING]
+```
+
+### Frontend Web (.env.local)
+```
+NEXT_PUBLIC_SUPABASE_URL=https://supabase.stackbackup.cloud
+NEXT_PUBLIC_SUPABASE_ANON_KEY=[SUPABASE_ANON_KEY]
+```
+
+### Mobile (flutter_dotenv)
+```
+SUPABASE_URL=https://supabase.stackbackup.cloud
+SUPABASE_ANON_KEY=[SUPABASE_ANON_KEY]
+```
+
+---
+
+## 🔗 Referências Úteis
+
+- **Supabase**: https://supabase.stackbackup.cloud
+- **NestJS Docs**: https://docs.nestjs.com
+- **Next.js Docs**: https://nextjs.org/docs
+- **Flutter Docs**: https://flutter.dev/docs
+- **Supabase Flutter**: https://supabase.com/docs/reference/flutter/introduction
+
+---
+
+## ✅ Checklist de Início
+
+- [ ] Criar repositório GitHub
+- [ ] Clonar e configurar localmente
+- [ ] Testar acesso ao Supabase
+- [ ] Instalar dependências
+- [ ] Executar docker-compose
+- [ ] Rodar servidor local
+- [ ] Validar fluxo de autenticação
+
+---
+
+## 📌 Próximos Passos
+
+1. **Hoje**: Revisar este plano
+2. **Amanhã**: Começar pelo Backend (NestJS)
+3. **Depois**: Frontend Web (Next.js)
+4. **Então**: Mobile (Flutter)
+
+Tudo em TypeScript, tudo integrado, tudo em tempo real! 🔥
--- a/frontend-next/.gitignore
+++ b/frontend-next/.gitignore
@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
--- a/frontend-next/README.md
+++ b/frontend-next/README.md
@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
--- a/frontend-next/app/favicon.ico
+++ b/frontend-next/app/favicon.ico
--- a/frontend-next/app/globals.css
+++ b/frontend-next/app/globals.css
@@ -0,0 +1,26 @@
+@import "tailwindcss";
+
+:root {
+  --background: #ffffff;
+  --foreground: #171717;
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-geist-sans);
+  --font-mono: var(--font-geist-mono);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --background: #0a0a0a;
+    --foreground: #ededed;
+  }
+}
+
+body {
+  background: var(--background);
+  color: var(--foreground);
+  font-family: Arial, Helvetica, sans-serif;
+}
--- a/frontend-next/app/layout.tsx
+++ b/frontend-next/app/layout.tsx
@@ -0,0 +1,34 @@
+import type { Metadata } from "next";
+import { Geist, Geist_Mono } from "next/font/google";
+import "./globals.css";
+
+const geistSans = Geist({
+  variable: "--font-geist-sans",
+  subsets: ["latin"],
+});
+
+const geistMono = Geist_Mono({
+  variable: "--font-geist-mono",
+  subsets: ["latin"],
+});
+
+export const metadata: Metadata = {
+  title: "Create Next App",
+  description: "Generated by create next app",
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en">
+      <body
+        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+      >
+        {children}
+      </body>
+    </html>
+  );
+}
--- a/frontend-next/app/page.tsx
+++ b/frontend-next/app/page.tsx
@@ -0,0 +1,65 @@
+import Image from "next/image";
+
+export default function Home() {
+  return (
+    <div className="flex min-h-screen items-center justify-center bg-zinc-50 font-sans dark:bg-black">
+      <main className="flex min-h-screen w-full max-w-3xl flex-col items-center justify-between py-32 px-16 bg-white dark:bg-black sm:items-start">
+        <Image
+          className="dark:invert"
+          src="/next.svg"
+          alt="Next.js logo"
+          width={100}
+          height={20}
+          priority
+        />
+        <div className="flex flex-col items-center gap-6 text-center sm:items-start sm:text-left">
+          <h1 className="max-w-xs text-3xl font-semibold leading-10 tracking-tight text-black dark:text-zinc-50">
+            To get started, edit the page.tsx file.
+          </h1>
+          <p className="max-w-md text-lg leading-8 text-zinc-600 dark:text-zinc-400">
+            Looking for a starting point or more instructions? Head over to{" "}
+            <a
+              href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
+              className="font-medium text-zinc-950 dark:text-zinc-50"
+            >
+              Templates
+            </a>{" "}
+            or the{" "}
+            <a
+              href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
+              className="font-medium text-zinc-950 dark:text-zinc-50"
+            >
+              Learning
+            </a>{" "}
+            center.
+          </p>
+        </div>
+        <div className="flex flex-col gap-4 text-base font-medium sm:flex-row">
+          <a
+            className="flex h-12 w-full items-center justify-center gap-2 rounded-full bg-foreground px-5 text-background transition-colors hover:bg-[#383838] dark:hover:bg-[#ccc] md:w-[158px]"
+            href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            <Image
+              className="dark:invert"
+              src="/vercel.svg"
+              alt="Vercel logomark"
+              width={16}
+              height={16}
+            />
+            Deploy Now
+          </a>
+          <a
+            className="flex h-12 w-full items-center justify-center rounded-full border border-solid border-black/[.08] px-5 transition-colors hover:border-transparent hover:bg-black/[.04] dark:border-white/[.145] dark:hover:bg-[#1a1a1a] md:w-[158px]"
+            href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            Documentation
+          </a>
+        </div>
+      </main>
+    </div>
+  );
+}
--- a/frontend-next/eslint.config.mjs
+++ b/frontend-next/eslint.config.mjs
@@ -0,0 +1,18 @@
+import { defineConfig, globalIgnores } from "eslint/config";
+import nextVitals from "eslint-config-next/core-web-vitals";
+import nextTs from "eslint-config-next/typescript";
+
+const eslintConfig = defineConfig([
+  ...nextVitals,
+  ...nextTs,
+  // Override default ignores of eslint-config-next.
+  globalIgnores([
+    // Default ignores of eslint-config-next:
+    ".next/**",
+    "out/**",
+    "build/**",
+    "next-env.d.ts",
+  ]),
+]);
+
+export default eslintConfig;
--- a/frontend-next/next.config.ts
+++ b/frontend-next/next.config.ts
@@ -0,0 +1,7 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  /* config options here */
+};
+
+export default nextConfig;
--- a/frontend-next/package-lock.json
+++ b/frontend-next/package-lock.json
--- a/frontend-next/package.json
+++ b/frontend-next/package.json
@@ -0,0 +1,26 @@
+{
+  "name": "frontend-next",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "eslint"
+  },
+  "dependencies": {
+    "next": "16.0.6",
+    "react": "19.2.0",
+    "react-dom": "19.2.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "eslint": "^9",
+    "eslint-config-next": "16.0.6",
+    "tailwindcss": "^4",
+    "typescript": "^5"
+  }
+}
--- a/frontend-next/postcss.config.mjs
+++ b/frontend-next/postcss.config.mjs
@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default config;
--- a/frontend-next/public/file.svg
+++ b/frontend-next/public/file.svg
@@ -0,0 +1 @@
+<svg fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 13.5V5.41a1 1 0 0 0-.3-.7L9.8.29A1 1 0 0 0 9.08 0H1.5v13.5A2.5 2.5 0 0 0 4 16h8a2.5 2.5 0 0 0 2.5-2.5m-1.5 0v-7H8v-5H3v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1M9.5 5V2.12L12.38 5zM5.13 5h-.62v1.25h2.12V5zm-.62 3h7.12v1.25H4.5zm.62 3h-.62v1.25h7.12V11z" clip-rule="evenodd" fill="#666" fill-rule="evenodd"/></svg>
--- a/frontend-next/public/globe.svg
+++ b/frontend-next/public/globe.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.27 14.1a6.5 6.5 0 0 0 3.67-3.45q-1.24.21-2.7.34-.31 1.83-.97 3.1M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.48-1.52a7 7 0 0 1-.96 0H7.5a4 4 0 0 1-.84-1.32q-.38-.89-.63-2.08a40 40 0 0 0 3.92 0q-.25 1.2-.63 2.08a4 4 0 0 1-.84 1.31zm2.94-4.76q1.66-.15 2.95-.43a7 7 0 0 0 0-2.58q-1.3-.27-2.95-.43a18 18 0 0 1 0 3.44m-1.27-3.54a17 17 0 0 1 0 3.64 39 39 0 0 1-4.3 0 17 17 0 0 1 0-3.64 39 39 0 0 1 4.3 0m1.1-1.17q1.45.13 2.69.34a6.5 6.5 0 0 0-3.67-3.44q.65 1.26.98 3.1M8.48 1.5l.01.02q.41.37.84 1.31.38.89.63 2.08a40 40 0 0 0-3.92 0q.25-1.2.63-2.08a4 4 0 0 1 .85-1.32 7 7 0 0 1 .96 0m-2.75.4a6.5 6.5 0 0 0-3.67 3.44 29 29 0 0 1 2.7-.34q.31-1.83.97-3.1M4.58 6.28q-1.66.16-2.95.43a7 7 0 0 0 0 2.58q1.3.27 2.95.43a18 18 0 0 1 0-3.44m.17 4.71q-1.45-.12-2.69-.34a6.5 6.5 0 0 0 3.67 3.44q-.65-1.27-.98-3.1" fill="#666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>
--- a/frontend-next/public/next.svg
+++ b/frontend-next/public/next.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
--- a/frontend-next/public/vercel.svg
+++ b/frontend-next/public/vercel.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>
--- a/frontend-next/public/window.svg
+++ b/frontend-next/public/window.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.5h13v10a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1zM0 1h16v11.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5zm3.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M7 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5" fill="#666"/></svg>
--- a/frontend-next/tsconfig.json
+++ b/frontend-next/tsconfig.json
@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./*"]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts",
+    "**/*.mts"
+  ],
+  "exclude": ["node_modules"]
+}
				`@@ -0,0 +1 @@`
				`<svg fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 13.5V5.41a1 1 0 0 0-.3-.7L9.8.29A1 1 0 0 0 9.08 0H1.5v13.5A2.5 2.5 0 0 0 4 16h8a2.5 2.5 0 0 0 2.5-2.5m-1.5 0v-7H8v-5H3v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1M9.5 5V2.12L12.38 5zM5.13 5h-.62v1.25h2.12V5zm-.62 3h7.12v1.25H4.5zm.62 3h-.62v1.25h7.12V11z" clip-rule="evenodd" fill="#666" fill-rule="evenodd"/></svg>`
				`@@ -0,0 +1 @@`
				<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.27 14.1a6.5 6.5 0 0 0 3.67-3.45q-1.24.21-2.7.34-.31 1.83-.97 3.1M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.48-1.52a7 7 0 0 1-.96 0H7.5a4 4 0 0 1-.84-1.32q-.38-.89-.63-2.08a40 40 0 0 0 3.92 0q-.25 1.2-.63 2.08a4 4 0 0 1-.84 1.31zm2.94-4.76q1.66-.15 2.95-.43a7 7 0 0 0 0-2.58q-1.3-.27-2.95-.43a18 18 0 0 1 0 3.44m-1.27-3.54a17 17 0 0 1 0 3.64 39 39 0 0 1-4.3 0 17 17 0 0 1 0-3.64 39 39 0 0 1 4.3 0m1.1-1.17q1.45.13 2.69.34a6.5 6.5 0 0 0-3.67-3.44q.65 1.26.98 3.1M8.48 1.5l.01.02q.41.37.84 1.31.38.89.63 2.08a40 40 0 0 0-3.92 0q.25-1.2.63-2.08a4 4 0 0 1 .85-1.32 7 7 0 0 1 .96 0m-2.75.4a6.5 6.5 0 0 0-3.67 3.44 29 29 0 0 1 2.7-.34q.31-1.83.97-3.1M4.58 6.28q-1.66.16-2.95.43a7 7 0 0 0 0 2.58q1.3.27 2.95.43a18 18 0 0 1 0-3.44m.17 4.71q-1.45-.12-2.69-.34a6.5 6.5 0 0 0 3.67 3.44q-.65-1.27-.98-3.1" fill="#666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>
				`@@ -0,0 +1 @@`
				<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
				`@@ -0,0 +1 @@`
				`<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>`