AppView360
Contexto
Layout360Studio quería mostrar sus trabajos a potenciales clientes de forma fluida y en cualquier lugar, sin depender de internet. El software de renders del estudio exporta cada recorrido como un sitio web (archivos y carpetas) que solo se puede abrir servido por HTTP/HTTPS, lo cual complicaba las presentaciones offline.
Solución
Desarrollé una app móvil con React Native para Android. El estudio comprime cada recorrido en ZIP, lo importa en la app, y la app lo descomprime, lo organiza y lo muestra. Para que funcione sin internet, la app levanta un servidor HTTP local en el celular que sirve esos archivos al visor, resolviendo la limitación del formato web del exportador.
Funcionalidades
- Importar tours 360° desde archivos ZIP
- Clasificación en categorías definidas por el estudio (casas, depósitos, etc.)
- Filtrado para encontrar proyectos fácilmente
- Visor 360° integrado funcionando 100% offline
- Servidor HTTP local embebido para servir contenido al WebView
- Generación automática de thumbnails
- Navegación con gestos táctiles (pan, zoom, rotación)
- Interfaz dark theme con animaciones fluidas
- Android (desarrollada con React Native, multiplataforma)
Desafíos Técnicos
El principal desafío fue implementar un servidor HTTP local embebido en React Native. Elegí el formato web del exportador porque era el más simple de integrar, y resolví la limitación de que solo abre por HTTP sirviéndolo desde el propio dispositivo. Esto permite que el visor 360° funcione sin conexión, cargando los assets desde el almacenamiento del celular.
Stack Tecnológico
Resultado
App entregada al estudio para uso interno.