Volver al inicio

Proyecto destacado

Lista de la compra

PWA de despensa y lista, SQLite en el navegador + sync Neon

Lista de la compra es una PWA para el súper: inventario en Despensa, pendientes en Lista (con PDF) y un tab Urgente. Offline-first con SQLite en WebAssembly; si activas el modo online, sincroniza vía Neon Auth + Data API. La documentación completa está en markdown en este portfolio.

Lista de la compra
Año
2024–2026
Rol
Full-stack
Plataforma
Angular PWA · Ionic 7 · SQLite WASM
Datos
Neon Auth + Data API

El problema

Las listas viven en notas, chats o papel: se pierden cantidades, no hay urgentes aparte y en el pasillo no hay un PDF por categoría. Las apps de supermercado piden cuenta en el primer tap.

La solución

PWA instalable con tres tabs y modal de alta (cantidad, unidad, categoría). Persistencia real en SQLite (sql.js + IndexedDB). Sync opt-in con Neon Auth y Data API; proxy same-origin en Netlify para la sesión iOS/PWA. Capacitor 5 si se quiere Android.

Capturas

Lista de la compra — Lista · escritorio
Lista · escritorio
Lista de la compra — Lista · móvil
Lista · móvil

Stack técnico

Angular 17
PWA shell
Ionic 7
UI + tabs
Neon
Auth + Data API
Netlify
SPA + proxy
Tailwind
Estilos
Capacitor
Android
Web Código fuente Documentación Testing ← Volver al inicio