Campus Navigation System
An interactive campus navigation system that lets students and visitors find buildings, routes, and key locations on campus using an intuitive web interface.
Tech stack
Impact
Problem Statement
New students and visitors struggle to find buildings and routes on campus. A web-based navigation tool was needed to make campus exploration intuitive without installing an app.
Dataset
Campus location data - building names, coordinates, and route points - structured for map rendering and search.
Architecture
React + TypeScript front end with map integration, search/filter UI, and a backend layer for location data and routing logic.
Model Selection
Chose a map-first web architecture with React and TypeScript for type-safe UI components and responsive layout across devices.
Training Process
Built iteratively: mapped campus locations, wired search and route display, and refined the mobile-first navigation experience.
Evaluation Metrics
Results
A deployed campus navigation app where users can find buildings, view routes, and explore key locations through a clean interface.
Key Learnings
- 1Map UX needs simple search and clear visual hierarchy.
- 2TypeScript catches routing and location-state bugs early.
- 3Campus tools must work well on phones - that's how students use them.
Want to dig deeper?
Explore the code, or get in touch if you'd like to talk through the approach.