MAMB — Galería Virtual Inteligente

contributor

randy Zapata

Web app mobile-first del Museo de Arte Moderno de Barranquilla (MAMB). Permite a los visitantes explorar la colección del museo y subir sus propias fotografías para transformarlas con estilos artísticos mediante IA, todo desde el navegador.

Documentación

Link de la documentación con docusaurus:
https://imtoad06.github.io/museum-web/

¿Qué hace?

• Explora el MAMB: Home con obra del día, historia, misión y visión del museo.
• Sube tu arte: Captura o selecciona una foto, elige un estilo artístico y la IA lo aplica en el dispositivo con un comparador visual antes/después.
• Galería virtual: Mural colaborativo tipo masonry con filtros por estilo (cubismo, abstracto, pop art, etc.), compartir vía Web Share API y carga con skeleton loaders.
• PWA instalable: Se puede añadir a la pantalla del móvil como una app nativa.

Stack

• Framework: Next.js 16 (App Router) + React 19 + TypeScript
• Estilos: Tailwind CSS 4
• Animaciones: Framer Motion
• Backend & Auth: Supabase (PostgreSQL + Storage)
• IA en el cliente: TensorFlow.js para transferencia de estilo neuronal
• Validación: Zod
• Imágenes: browser-image-compression
• Deploy: Vercel