GagaList é um Progressive Web App (PWA) de alto padrão, desenvolvido com foco em performance extrema e experiência mobile-first. Ele transforma listas de compras em ferramentas inteligentes usando IA e sincronização em tempo real.
Note
O Porquê do Projeto: O GagaList nasceu de uma necessidade real: ajudar a mim e minha esposa a fazermos compras de forma mais rápida e organizada. É um produto construído para ser usado no dia a dia, resolvendo problemas reais de logística doméstica com tecnologia de ponta.
Important
Assista ao vídeo de demonstração capturado diretamente do smartphone para ver a fluidez, os feedbacks hápticos e as features de IA em ação: GagaList - Assista no YouTube Shorts
Para este projeto, não apenas empilhei tecnologias, mas explorei soluções de engenharia para otimizar custo e UX:
- Computer Vision (OCR IA): Extração inteligente de itens a partir de fotos de listas de papel ou encartes usando GPT-4o-mini.
- Transcrição de Áudio Híbrida (Token Saver): Implementei o reconhecimento de voz nativo do browser (
Web Speech API) para processar a fala localmente, economizando milhares de tokens de APIs de transcrição e garantindo latência zero. A IA entra apenas para a estruturação semântica do texto. - Maps API & GPS Radar: Recurso "Cadê Tu?" que permite ver a localização em tempo real de colaboradores dentro do mercado via Mapas, facilitando a dinâmica de compras em dupla.
- Convites via QR Code: Sistema de "onboarding instantâneo" para novos colaboradores.
- Criação de Listas Multi-Modal: Gere listas completas a partir de áudio, imagens ou arquivos.
A velocidade e profundidade técnica deste projeto foram aceleradas pelo uso de ferramentas experimentais e de automação de agentes que testei e validei:
- Google Stitch & Antigravity: Orquestração de agentes para aceleração de desenvolvimento.
- Supabase MCP & MCP DevTools: Gerenciamento ágil de infraestrutura e políticas RLS.
- Claude Code, Gemini CLI & Gemini Dev: Ferramentas de terminal para refatoração e auditoria de código em tempo real.
O app utiliza uma estética Dark-Only blindada ("Obsidian"), otimizada para legibilidade em ambientes de mercado e economia de energia:
- Primary: Neon Green (
#53E076) com Glow Effects. - Fundo: Obsidian Black (
#131313). - Cards: Gunmetal Deep (
#1c1b1b).
- Sistemas de Recompensas: Gamificação para liberar créditos de IA através de interações e convites.
- Análise de Gastos: Dashboards avançados com D3.js para histórico de preços.
Paul Pessoa - Staff Software Engineer
Focado em construir produtos escaláveis que resolvem problemas reais com IA e UX de ponta. Um entusiasta de tecnologia que usa o que constrói para facilitar a vida em casa.
Este projeto segue os princípios SOLID e DRY, priorizando manutenibilidade e performance (Core Web Vitals).