SwampPath — UF Schedule Planner

A student-first planner for the University of Florida: unified calendar + selected classes, prerequisite awareness, multi-semester planning, and a profile that keeps you on track.

HCI course project · Research → High-fi prototype
Vanessa Serrano · +2 collaborators
React + Vite · TypeScript · CSS · Local Storage (demo)
UF Blue & Orange Schedule Builder Multi-Semester Planner Prereq Awareness

See it in action

GitHub →

The challenge

ONE.UF separates course selection from the calendar, making conflict checks and future planning slow and error-prone—especially during tight registration windows.

Our solution SwampPath puts the weekly calendar and selected classes side-by-side, flags prerequisite issues, and lets students save multi-semester plans tied to their profile.

Research insights

Design process

  • Browse/Search Catalog → Add section → View calendar conflicts
  • Planner → Map future semesters → Save to Profile → Load into builder
  • Single-screen schedule building (calendar + selection list)
  • Conflict and prereq cues with clear copy
UI Priorities

UF brand coloring with accessible contrast. Clear conflict visualization and prerequisite warnings.

Development

Architecture

React + Vite with TypeScript. State management for selected courses, weekly view, and saved plans. Mock catalog with demo users.

Highlights

  • Week grid with instant conflict visualization
  • Prerequisite checks (demo rules) and warnings
  • Multi-semester planner with quick load to schedule
  • Local storage for saved plans in the demo

Key features

Results & impact

40%
Fewer Clicks
📅
Faster Planning
✅
Prereq Clarity

Side-by-side calendar + classes trimmed ~40% of clicks in a pilot vs. ONE.UF. Saved multi-semester plans reduced "where do these fit?" confusion.

What's next

← Back to Projects View code