Proyecto destacado

Presencia

PWA de asistencia a cursos, offline-first + sync Neon

Presencia (assistance-tracker) es una PWA mobile-first para llevar la asistencia de uno o varios cursos. Funciona sin red con localStorage y, si activas el modo online, sincroniza cursos y registros vía Neon Auth + Data API. La documentación completa del caso está en markdown en este portfolio.

Web

Código fuente Documentación

Año: 2026
Rol: Full-stack
Plataforma: Angular PWA · Ionic 8 · Neon Auth
Datos: Neon Auth + Data API

El problema

Faltas y retrasos se pierden en Excel, WhatsApp o la memoria cuando hay varios cursos, un mínimo de asistencia y tardanzas que restan minutos. Las apps de campus piden cuenta institucional. Hacía falta un registro preciso en el móvil, usable 100% offline, con sync opcional a una cuenta personal.

La solución

PWA instalable: dashboard con anillo de salud, log diario (tap y swipe), historial por mes o módulo, CRUD de cursos e import/export JSON. Offline-first. Sync opt-in con Neon Auth (email verificado) y Data API, proxy same-origin en Netlify para que iOS/PWA no pierdan la sesión. Signal Forms en Angular 21; Ionic 8 con Zone.

Capturas

Presencia — Dashboard · escritorio — Dashboard · escritorio

Presencia — Dashboard · móvil — Dashboard · móvil

Stack técnico

Angular 21

PWA shell

Ionic 8

UI + tabs

Neon

Auth + Data API

Netlify

SPA + proxy

Tailwind

Estilos

Capacitor

Nativo opcional

Web

Código fuente Documentación ← Volver al inicio