Saltar al contenido principal
[ VOLVER A PROYECTOS ]
BATALLA FINAL // CASO DE ESTUDIO

UNP Campus Map

Una plataforma centralizada y orientada a la ubicación que ayuda a los estudiantes de la Universidad Nacional de Piura a encontrar rápidamente facultades, pabellones y recursos académicos. Construido con Next.js 14 y MySQL.

Tailwind Cloudinary Next.js JavaScript MySQL
Vista previa del directorio interactivo UNP Campus Map
CICLO DE VIDA
Mantenido — estable, sin desarrollo activo
ACCESO AL CÓDIGO
Repositorio público; el código fuente es directamente inspeccionable.
ACCESO A DEMO
Sin demo pública; el dominio de vista previa que se alojaba anteriormente ya no resuelve.
LIMITACIONES
  • El enlace de vista previa en vivo ya no está disponible; actualmente solo puede verificarse el repositorio de código.
  • Los resultados descritos aquí son cualitativos y no están respaldados por métricas de uso o adopción.

EL JEFE // PROBLEMA

Los estudiantes de la Universidad Nacional de Piura no tenían una forma centralizada de localizar facultades, pabellones u oficinas administrativas. Los nuevos estudiantes pasaban días perdidos en un campus extenso. La información existente estaba dispersa en PDFs estáticos y de boca en boca.

LA ESTRATEGIA // ENFOQUE

Construí una SPA orientada a ubicaciones con Next.js 14 App Router y un motor de geolocalización con MySQL. Diseñé un mapa interactivo con marcadores alojados en Cloudinary, búsqueda por facultad y divulgación progresiva de recursos del campus.

EL SACRIFICIO // COMPENSACIONES

Elegí Cloudinary para imágenes en lugar de assets locales para mantener el bundle ligero y permitir transformaciones bajo demanda. Decidí no implementar GPS en tiempo real para enfocarme primero en el caso de uso principal del directorio.

VICTORIA // RESULTADO

Reduje el tiempo de orientación en el campus de días a minutos. Actualmente es el directorio de referencia para ubicaciones de facultades, espacios para eventos y oficinas administrativas.

DURACIÓN

3 meses

ROL

Desarrollador independiente

XP GANADA // APRENDIZAJES

  • Patrones de obtención de datos de App Router (server components + API routes)
  • Indexación geoespacial para consultas de ubicación a escala de campus
  • Transformaciones de imágenes Cloudinary para marcadores responsivos