dsfrpomodoro / index.html

Commit History

  1. Aqui está um prompt mais detalhado e estruturado para criar um site de Pomodoro com Angular e Golang, incluindo todas as funcionalidades solicitadas: --- **Objetivo:** Desenvolver uma aplicação web usando Angular (frontend) e Golang (backend) que implemente a técnica Pomodoro com as seguintes funcionalidades: ### Funcionalidades Principais: 1. **Temporizador Pomodoro:** - Configuração personalizável de tempo (trabalho: padrão 25min, descanso: padrão 5min). - Botões para iniciar, pausar, reiniciar e pular fases. - Notificação visual/sonora ao final de cada fase. 2. **Gerenciamento de Tarefas:** - CRUD (Criar, Ler, Atualizar, Excluir) para tarefas. - Vincular pomodoros concluídos a cada tarefa. - Marcar tarefas como concluídas. - Categorização por tags/projetos. 3. **Calendário e Estatísticas:** - Visualização mensal/semanal com dias clicáveis. - Exibir por dia: - Número de pomodoros concluídos. - Tempo total de trabalho/descanso. - Gráficos (barras, linhas) para comparação histórica. 4. **Relatórios:** - Filtros por período (semana, mês, ano). - Dados consolidados: - Média diária/semanal de pomodoros. - Tempo total produtivo. - Tarefas mais frequentes. - Exportação em PDF/CSV. ### Requisitos Técnicos: - **Frontend (Angular):** - Componentes reutilizáveis (timer, lista de tarefas, calendário). - Serviços para comunicação com a API. - RxJS para gerenciamento de estado. - UI responsiva com Angular Material ou TailwindCSS. - Animações para transições de fases. - **Backend (Golang):** - API RESTful com endpoints para: - `/tasks` (gerenciamento de tarefas). - `/pomodoros` (registro de sessões). - `/reports` (geração de relatórios). - Banco de dados (ex: PostgreSQL/SQLite) com modelos para: - `Task` (id, title, tags, completed, createdAt). - `Pomodoro` (id, taskId, duration, type:work/break, date). - Autenticação JWT (opcional, se necessário). ### Entregáveis Esperados: 1. Código fonte organizado em repositório Git. 2. Dockerfile/docker-compose para deploy (opcional). 3. README com instruções de instalação e uso. ### Exemplo de Fluxo: ```typescript // Exemplo de estrutura para uma tarefa interface Task { id: string; title: string; estimatedPomodoros: number; completedPomodoros: number; isCompleted: boolean; } // Exemplo de dado para o relatório interface PomodoroReport { date: Date; workTime: number; // em minutos breakTime: number; completedTasks: number; } ``` **Diferenciais:** - Dark mode. - Sincronização entre dispositivos. - Integração com Google Calendar. --- Este prompt é mais claro para desenvolvedores, especificando: ✅ Arquitetura ✅ Funcionalidades detalhadas ✅ Estrutura de dados ✅ Requisitos não-funcionais (ex: responsividade) - Initial Deployment

    Verified signature
    1fcdb15
  2. initial commit

    Verified signature
    f857ae3