Voltar aos Destaques 
Projeto em destaque
Lista de compras
PWA de despensa e lista, SQLite no browser + sync Neon
Lista de compras é uma PWA para o supermercado: inventário na Despensa, pendentes na Lista (com PDF) e um tab Urgente. Offline-first com SQLite em WebAssembly; no modo online sincroniza via Neon Auth + Data API. A documentação completa está neste portfolio.
- Ano
- 2024–2026
- Papel
- Full-stack
- Plataforma
- Angular PWA · Ionic 7 · SQLite WASM
- Dados
- Neon Auth + Data API
O problema
As listas vivem em notas, chats ou papel: perdem-se quantidades, não há urgentes à parte e não há um PDF por categoria. Apps de supermercado pedem conta no primeiro tap.
A solução
PWA instalável com três tabs e modal de alta (quantidade, unidade, categoria). Persistência real em SQLite (sql.js + IndexedDB). Sync opt-in com Neon Auth e Data API; proxy same-origin na Netlify para a sessão iOS/PWA. Capacitor 5 para Android.
Capturas
Stack técnico
Angular 17
PWA shell
Ionic 7
UI + tabs
Neon
Auth + Data API
Netlify
SPA + proxy
Tailwind
Estilos
Capacitor
Android
Código-fonte Documentação Testing
← Voltar aos Destaques