App móvil · Offline-first
Ubicco
App móvil para ferias universitarias que funciona sin conexión: los estudiantes exploran instituciones, guardan favoritos, toman notas y ubican cada stand en el mapa del evento.
- Mi rol
- Desarrollé la app móvil, el pipeline del mapa y el landing, en un proyecto creado y liderado por Alison J. Méndez F..
- Estado
- En fase de pruebas, aún no publicada en las tiendas.
- Stack
- Ionic
- Angular
- Capacitor
- TypeScript
- Firebase
- Python
- Astro
- Enlaces
- ubicco.app ↗
Equipo
- Alison J. Méndez F. ↗Product Designer. Creó la idea y lidera el producto, desde el diseño hasta el trabajo con las ferias.
- José González ↗Backend y API
- Javier FrancoApp móvil, mapa y landing
Contexto
En una feria universitaria hay decenas de instituciones, charlas en paralelo y casi siempre mala señal. Los estudiantes salen con folletos sueltos y sin recordar qué les dijo cada universidad.
La idea vino de Alison J. Méndez F., Product Designer, que la trajo al equipo y lidera el producto: desde el diseño hasta el trabajo con las ferias.
El reto
La app tenía que funcionar justo donde la conexión falla: dentro del recinto, con cientos de personas en la misma red. Eso descartaba depender del servidor para buscar, ver el mapa o guardar notas.
Lo que construí
- App en Ionic, Angular y Capacitor para Android e iOS, en español e inglés, a partir de los diseños en Figma de Alison.
- Onboarding por nivel académico, área de estudio e idioma del programa, para mostrar primero las instituciones relevantes.
- Búsqueda y filtros rápidos, detalle de cada institución con sus programas, favoritos, notas y agenda de seminarios.
- Mapa interactivo del recinto que resalta el stand de cada institución.
- Integración con el API en Python del equipo (autenticación, favoritos y notas) y con Firebase para archivos y notificaciones push.
- Landing en Astro con política de privacidad y página de recuperación de contraseña.
Decisiones
- Offline-first con una sola descarga: los datos del evento llegan como un JSON y el mapa como un SVG, y ambos se guardan en el dispositivo. Buscar y navegar no necesitan red.
- Cola de sincronización: notas y favoritos se guardan primero en el teléfono y se envían al servidor cuando vuelve la conexión, con reintento si algo falla.
- Un pipeline propio para el mapa: el plano sale de Figma como un SVG genérico. Escribí un script en Python, sin dependencias externas, que detecta los stands, reemplaza los textos vectorizados por texto real, asigna el número de stand que usa la app e incrusta la bandera de cada país, para que el archivo final funcione sin conexión.
- Estado reactivo con Angular signals, para que el indicador de sincronización y los pendientes se actualicen solos.
Estado
La app está en fase de pruebas y todavía no está publicada en las tiendas. El landing ya está en línea en ubicco.app.
¿Tienes un proyecto parecido?
Cuéntame qué necesitas y vemos juntos cómo resolverlo.