Skip to main content
[ BACK TO PROJECTS ]
BOSS FIGHT // CASE STUDY

UNP Campus Map

A centralized, location-first platform helping students at the National University of Piura to quickly find faculties, pavilions, and academic resources. Built with Next.js 14 and MySQL.

Tailwind Cloudinary Next.js JavaScript MySQL
UNP Campus Map interactive campus directory preview
LIFECYCLE
Maintained — stable, not under active development
SOURCE ACCESS
Public repository; source is directly inspectable.
DEMO ACCESS
No public demo; the previously hosted preview domain no longer resolves.
LIMITATIONS
  • The live preview link is no longer available; only the source repository can currently be verified.
  • Outcomes described here are qualitative and not backed by usage or adoption metrics.

THE BOSS // PROBLEM

Students at the National University of Piura had no centralized way to locate faculties, pavilions, or administrative offices. New students spent days getting lost across a sprawling campus. The existing information was scattered across static PDFs and word-of-mouth.

THE STRATEGY // APPROACH

Built a location-first SPA with Next.js 14 App Router and a MySQL-backed geolocation engine. Designed an interactive map interface with Cloudinary-hosted markers, search-by-faculty filtering, and progressive disclosure of campus resources.

THE SACRIFICE // TRADE-OFFS

Chose Cloudinary for image hosting over local assets to keep the bundle lean and enable on-demand transformations. Decided against real-time GPS tracking to focus on the core directory use case first.

VICTORY // OUTCOME

Reduced campus orientation time from days to minutes. Serves as the go-to directory for faculty locations, event spaces, and administrative offices across the university.

DURATION

3 months

ROLE

Solo Developer

XP GAINED // KEY LEARNINGS

  • App Router data fetching patterns (server components + API routes)
  • Geolocation indexing for campus-scale spatial queries
  • Cloudinary image transformations for responsive map markers