Todos los proyectosCaso 04 / 05
Pocky
Mascota virtual PWA con sincronización en tiempo real entre dispositivos. Funciona en iOS y Android desde la web.
- Rol
- Fullstack Developer
- Cliente
- Proyecto personal
- Año
- 2025
- Tipo
- PWA
- Stack
- React · Firebase · TypeScript · PWA · Service Workers
Contexto
Pocky es una mascota virtual estilo Tamagotchi pero moderna: corre en cualquier navegador, se instala como app y mantiene el estado sincronizado entre dispositivos en tiempo real. La idea: experimentar con PWA + Firebase y ver hasta dónde se puede empujar el navegador como runtime de app móvil.
Reto
- Estado en tiempo real entre iPhone y Android sin servidor propio.
- Instalable como app desde Safari (PWA en iOS tiene caprichos).
- Service Workers para background tasks (el bicho se pone triste si no le hablas).
- Latencia humana — animaciones que se sientan vivas, no robóticas.
Solución
- Firebase Realtime DB para sincronización con presence.
- Manifest + iconos optimizados para añadir a Home Screen en iOS y Android.
- Service Worker con estrategia de cache
stale-while-revalidate. - Loop de animación con
requestAnimationFramey interpolación.
Resultado
- Funciona como app instalable en iPhone y Android sin tienda.
- Estado sincronizado en menos de 200 ms entre dispositivos.
- 0 backend propio — toda la lógica vive en cliente + Firebase.
Galería
