TerpMaps

Chrome extension injecting hoverable Google Maps previews for buildings on UMD's Testudo portal, supporting routing for 100+ campus buildings.

Chrome ExtensionJavaScriptGoogle Maps Embed API
TerpMaps Chrome extension interface (thumbnail)
Hovering over building links to see map previews
Getting directions from your location to campus buildings
Search functionality with location autocomplete
Permissions and location settings

Overview

TerpMaps is a productivity-focused Chrome extension designed for University of Maryland students. It streamlines campus navigation by embedding interactive, hover-triggered map previews directly into the university's Testudo schedule portal.

Highlights

Dynamic Injection:

Built the frontend to inject hoverable Google Maps previews for buildings on UMD's Testudo portal.

Campus Routing:

Used Google Maps API to provide dynamic routing for 100+ campus buildings via DOM and event manipulation.

UI Prototyping:

Prototyped 3 UI concepts in Figma to visualize embedded map previews and navigation icons.

Technical Approach

The project involved reverse-engineering the Testudo DOM structure to reliably identify building codes and inject overlay elements without disrupting the native portal's functionality. Event delegation was used to manage 100+ interactive triggers efficiently.