FocusGrid

O que é

O FocusGrid é uma aplicação web de produtividade pessoal construída com React, Vite e Supabase. Reúne num único produto as ferramentas que um utilizador precisa para gerir o seu tempo e energia: temporizador Pomodoro persistente, quadro de tarefas Kanban, sistema de hábitos gamificado, gestão de prazos com recorrência, calendário de sessões de foco e análise de dados detalhada. A navegação é feita por gestos de deslize entre secções, com uma interface desenhada para ser perfeita em telemóvel e igualmente funcional em desktop.

Funcionalidades principais

Pomodoro

• Temporizador persistente baseado em timestamps — continua mesmo após fechar o browser
• Fases configuráveis: foco, pausa curta e pausa longa
• Sistema de "laranjas" (sessões completadas) com reinício semanal, mensal ou anual
• Sons personalizáveis por fase (sino, toque suave, natureza, digital ou upload próprio)
• Notificações push no fim de cada fase, mesmo com a app fechada

Tarefas

• Quadro Kanban com colunas A fazer / Em curso / Concluído
• Criação rápida e reordenação por drag-and-drop

Hábitos

• Criação de hábitos com pontuação configurável por dificuldade/impacto
• Registo diário com visualização de streak
• Sugestões geradas por IA (Groq / LLaMA) com base numa descrição do utilizador
• Sistema de recompensas e análise de consistência

Prazos

• Criação de prazos com recorrência (diária, semanal, mensal, anual)
• Anexos de ficheiros via Supabase Storage
• Notificação configurável (horas antes do prazo)
• Lista de expirados limitada aos últimos 15; itens recorrentes mostram apenas a próxima ocorrência

Calendário de Foco

• Vista mensal e semanal com grelha de 24 horas
• Criação de eventos por clique ou drag-to-create na grelha
• Sessões Pomodoro e prazos sobrepostos visualmente

Reuniões IA

• Gravação de áudio diretamente no browser ou upload de ficheiro de vídeo/áudio
• Transcrição automática via Groq Whisper
• Análise com LLaMA: itens de ação, prazos mencionados, mapa mental hierárquico e resumo
• Criação de tarefas e prazos diretamente a partir dos resultados da IA

Analytics

• Gráfico de sessões de foco por dia e por semana
• Comparação mês a mês com variação percentual
• Exportação de dados em CSV e PDF

Perfil e definições

• Página de perfil com abas: Conta, Segurança, Pomodoro, Notificações, Geral
• 2FA opcional via TOTP (Google Authenticator, Authy, etc.)
• Exportação de todos os dados do utilizador em JSON
• Exportação do calendário em formato .ics (iCal)
• Definições de Pomodoro guardadas por utilizador

PWA e offline

• Instalável como app nativa em iOS, Android e desktop
• Cache offline de assets com estratégia cache-first
• Background Sync para sincronizar mutações feitas offline
• Notificações push com ações (Pausar / Saltar fase)

Stack técnica

Camada	Tecnologia
Frontend	React 18 + Vite + Tailwind CSS
Animações	Framer Motion
Backend	Supabase (PostgreSQL + Auth + Storage + Edge Functions)
IA	Groq API — LLaMA 3.3 70B (texto) + Whisper Large v3 (áudio)
PWA	Service Worker manual + Background Sync API + Web Push
Notificações	VAPID + Supabase Edge Functions

Estado atual

A aplicação está em desenvolvimento ativo. Todas as funcionalidades core estão implementadas e funcionais. A autenticação, sincronização de dados e notificações push estão em produção. As funcionalidades de IA dependem de uma chave Groq configurada no ambiente.

Próximos passos

• Integração nativa com Google Calendar via OAuth2
• Modo colaborativo (partilha de projetos entre utilizadores)
• Relatórios semanais automáticos por email
• Versão mobile nativa (React Native ou PWA avançado)