MAMB — Galería Virtual Inteligente
Web app mobile-first del Museo de Arte Moderno de Barranquilla (MAMB) que combina una galería virtual con transferencia de estilo artístico por IA ejecutada en el navegador.
:::info ¿Qué hace la app?
- Explora el museo: obra del día, historia, misión y visión.
- Sube tu arte: captura una foto, elige un estilo artístico y la IA lo aplica en el dispositivo, con comparador visual antes/después.
- Galería colaborativa: mural tipo masonry con filtros por estilo, compartir vía Web Share API y skeleton loaders.
- PWA instalable: se puede añadir a la pantalla del móvil como una app nativa. :::
Stack en una mirada
| Capa | Tecnología |
|---|---|
| Framework | Next.js 16 (App Router) + React 19 |
| Lenguaje | TypeScript |
| Estilos | Tailwind CSS 4 |
| Animaciones | Framer Motion |
| Backend | Supabase (PostgreSQL + Storage) |
| IA en cliente | TensorFlow.js |
| Validación | Zod |
| Deploy | Vercel |
Estructura de la documentación
- Arquitectura — vista general del sistema, capas y decisiones técnicas.
- Frontend — filosofía mobile-first, paleta, performance y patrones de UI.
- Backend — modelo de datos, Server Actions, RLS y estándares de seguridad.
- Inteligencia Artificial — cómo se ejecuta la transferencia de estilo en el navegador.
- Producto — visión del proyecto, páginas y hoja de ruta.
Código fuente
Repositorio: github.com/ImToad06/museum-web