[V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Montserrat, Open_Sans } from "next/font/google" import "./globals.css" const montserrat = Montserrat({ subsets: ["latin"], display: "swap", variable: "--font-montserrat", weight: ["400", "600", "700", "900"], }) const openSans = Open_Sans({ subsets: ["latin"], display: "swap", variable: "--font-open-sans", weight: ["400", "500", "600"], }) export const metadata: Metadata = { title: "TerpMove - Accessible Navigation for UMD", description: "Empowering mobility for University of Maryland students with disabilities through accessible campus navigation.", generator: "v0.app", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]typescriptreact:file="app/schedule/page.tsx" isMerged="true" import { ScheduleInputForm } from "@/components/schedule-input-form" import { Button } from "@/components/ui/button" import { ArrowLeft } from "lucide-react" import Link from "next/link" export default function SchedulePage() { return (

{/* Header */}

TerpMove

{/* Main Content */}

Plan Your Schedule

Enter your class information and we'll analyze the accessibility and timing for your campus navigation.

) } [V0_FILE]typescriptreact:file="components/schedule-input-form.tsx" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Badge } from "@/components/ui/badge" import { Plus, Trash2, MapPin, Clock, BookOpen } from "lucide-react" import { analyzeSchedule } from "@/lib/accessibility-calculator" import { useRouter } from "next/navigation" interface ClassEntry { id: string courseName: string courseCode: string building: string room: string startTime: string endTime: string days: string[] instructor: string } const DAYS_OF_WEEK = [ { value: "monday", label: "Mon" }, { value: "tuesday", label: "Tue" }, { value: "wednesday", label: "Wed" }, { value: "thursday", label: "Thu" }, { value: "friday", label: "Fri" }, ] const UMD_BUILDINGS = [ "Adele H. Stamp Student Union", "Animal Science/Agricultural Engineering Building", "Architecture Building", "Art-Sociology Building", "Atlantic Building", "Benjamin Building", "Bioscience Research Building", "Brendan Iribe Center for Computer Science and Engineering", "Chemistry Building", "Clarice Smith Performing Arts Center", "Cole Student Activities Building", "Computer and Space Sciences Building", "Edward St. John Learning and Teaching Center", "Engineering and Physical Sciences Library", "Francis Scott Key Hall", "Hornbake Library", "Jeong H. Kim Engineering Building", "John S. Toll Physics Building", "Kirwan Hall", "LeFrak Hall", "Marie Mount Hall", "Martin Hall", "Mathematics Building", "McKeldin Library", "Mitchell Building", "Morrill Hall", "Plant Sciences Building", "Preinkert Hall", "Prince Frederick Hall", "Reckord Armory", "Ritchie Coliseum", "Skinner Building", "Symons Hall", "Taliaferro Hall", "Tawes Hall", "Tydings Hall", "Van Munching Hall", "Woods Hall", "Xfinity Center", ] export function ScheduleInputForm() { const [classes, setClasses] = useState([ { id: "1", courseName: "", courseCode: "", building: "", room: "", startTime: "", endTime: "", days: [], instructor: "", }, ]) const [isAnalyzing, setIsAnalyzing] = useState(false) const router = useRouter() const addNewClass = () => { const newClass: ClassEntry = { id: Date.now().toString(), courseName: "", courseCode: "", building: "", room: "", startTime: "", endTime: "", days: [], instructor: "", } setClasses([...classes, newClass]) } const removeClass = (id: string) => { setClasses(classes.filter((cls) => cls.id !== id)) } const updateClass = (id: string, field: keyof ClassEntry, value: any) => { setClasses(classes.map((cls) => (cls.id === id ? { ...cls, [field]: value } : cls))) } const toggleDay = (classId: string, day: string) => { const classEntry = classes.find((cls) => cls.id === classId) if (!classEntry) return const updatedDays = classEntry.days.includes(day) ? classEntry.days.filter((d) => d !== day) : [...classEntry.days, day] updateClass(classId, "days", updatedDays) } const handleAnalyzeSchedule = async () => { setIsAnalyzing(true) const analysis = analyzeSchedule(classes) // Store analysis in sessionStorage to pass to results page sessionStorage.setItem("scheduleAnalysis", JSON.stringify(analysis)) sessionStorage.setItem("scheduleClasses", JSON.stringify(classes)) // Navigate to results page router.push("/results") setIsAnalyzing(false) } return (

{classes.map((classEntry, index) => (

Class {index + 1} Enter your course details

{classes.length > 1 && ( )}

{/* Course Information */}

Course Name updateClass(classEntry.id, "courseName", e.target.value)} />

Course Code updateClass(classEntry.id, "courseCode", e.target.value)} />

{/* Location Information */}

Building

Room Number updateClass(classEntry.id, "room", e.target.value)} />

{/* Time Information */}

Start Time updateClass(classEntry.id, "startTime", e.target.value)} />

End Time updateClass(classEntry.id, "endTime", e.target.value)} />

{/* Days of Week */}

Days of Week

{DAYS_OF_WEEK.map((day) => ( toggleDay(classEntry.id, day.value)} > {day.label} ))}

{/* Instructor */}

Instructor (Optional) updateClass(classEntry.id, "instructor", e.target.value)} />

))} {/* Add New Class Button */} {/* Action Buttons */}

{/* Schedule Summary */} {classes.some((cls) => cls.courseName && cls.building) && ( Schedule Summary {classes.filter((cls) => cls.courseName && cls.building).length} classes added

{classes .filter((cls) => cls.courseName && cls.building) .map((cls) => (

{cls.courseCode} {cls.courseName}

{cls.building} • {cls.startTime}-{cls.endTime}

))}

)}

) } [V0_FILE]typescriptreact:file="lib/accessibility-calculator.ts" isMerged="true" // UMD Building data with coordinates and accessibility information export interface BuildingData { name: string coordinates: { lat: number; lng: number } accessibilityScore: number // 0-100, higher is more accessible elevatorAccess: boolean rampAccess: boolean automaticDoors: boolean accessibleParking: boolean accessibleRestrooms: boolean } export interface RouteAnalysis { fromBuilding: string toBuilding: string distance: number // in meters standardWalkTime: number // in minutes accessibilityWalkTime: number // in minutes for mobility disabilities accessibilityScore: number // 0-100 feasible: boolean challenges: string[] recommendations: string[] } export interface ScheduleAnalysis { overallFeasible: boolean overallAccessibilityScore: number routes: RouteAnalysis[] conflicts: string[] recommendations: string[] } // Sample UMD building data with accessibility information export const UMD_BUILDING_DATA: Record = { "Adele H. Stamp Student Union": { name: "Adele H. Stamp Student Union", coordinates: { lat: 38.9869, lng: -76.9426 }, accessibilityScore: 95, elevatorAccess: true, rampAccess: true, automaticDoors: true, accessibleParking: true, accessibleRestrooms: true, }, "Brendan Iribe Center for Computer Science and Engineering": { name: "Brendan Iribe Center for Computer Science and Engineering", coordinates: { lat: 38.989, lng: -76.9364 }, accessibilityScore: 98, elevatorAccess: true, rampAccess: true, automaticDoors: true, accessibleParking: true, accessibleRestrooms: true, }, "Chemistry Building": { name: "Chemistry Building", coordinates: { lat: 38.9857, lng: -76.9364 }, accessibilityScore: 75, elevatorAccess: true, rampAccess: true, automaticDoors: false, accessibleParking: false, accessibleRestrooms: true, }, "Mathematics Building": { name: "Mathematics Building", coordinates: { lat: 38.9863, lng: -76.9394 }, accessibilityScore: 70, elevatorAccess: true, rampAccess: true, automaticDoors: false, accessibleParking: false, accessibleRestrooms: true, }, "McKeldin Library": { name: "McKeldin Library", coordinates: { lat: 38.9859, lng: -76.945 }, accessibilityScore: 90, elevatorAccess: true, rampAccess: true, automaticDoors: true, accessibleParking: true, accessibleRestrooms: true, }, "Tydings Hall": { name: "Tydings Hall", coordinates: { lat: 38.9851, lng: -76.942 }, accessibilityScore: 65, elevatorAccess: true, rampAccess: false, automaticDoors: false, accessibleParking: false, accessibleRestrooms: false, }, "Van Munching Hall": { name: "Van Munching Hall", coordinates: { lat: 38.9844, lng: -76.9373 }, accessibilityScore: 85, elevatorAccess: true, rampAccess: true, automaticDoors: true, accessibleParking: true, accessibleRestrooms: true, }, "Edward St. John Learning and Teaching Center": { name: "Edward St. John Learning and Teaching Center", coordinates: { lat: 38.9876, lng: -76.9408 }, accessibilityScore: 95, elevatorAccess: true, rampAccess: true, automaticDoors: true, accessibleParking: true, accessibleRestrooms: true, }, "Jeong H. Kim Engineering Building": { name: "Jeong H. Kim Engineering Building", coordinates: { lat: 38.9881, lng: -76.9356 }, accessibilityScore: 92, elevatorAccess: true, rampAccess: true, automaticDoors: true, accessibleParking: true, accessibleRestrooms: true, }, "John S. Toll Physics Building": { name: "John S. Toll Physics Building", coordinates: { lat: 38.9868, lng: -76.9351 }, accessibilityScore: 80, elevatorAccess: true, rampAccess: true, automaticDoors: false, accessibleParking: true, accessibleRestrooms: true, }, } // Calculate distance between two coordinates using Haversine formula function calculateDistance(coord1: { lat: number; lng: number }, coord2: { lat: number; lng: number }): number { const R = 6371000 // Earth's radius in meters const dLat = ((coord2.lat - coord1.lat) * Math.PI) / 180 const dLng = ((coord2.lng - coord1.lng) * Math.PI) / 180 const a = Math.sin(dLat / 2) * Math.sin(dLat / 2) + Math.cos((coord1.lat * Math.PI) / 180) * Math.cos((coord2.lat * Math.PI) / 180) * Math.sin(dLng / 2) * Math.sin(dLng / 2) const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)) return R * c } // Calculate route analysis between two buildings export function calculateRoute(fromBuilding: string, toBuilding: string): RouteAnalysis { const fromData = UMD_BUILDING_DATA[fromBuilding] const toData = UMD_BUILDING_DATA[toBuilding] if (!fromData || !toData) { return { fromBuilding, toBuilding, distance: 0, standardWalkTime: 0, accessibilityWalkTime: 0, accessibilityScore: 0, feasible: false, challenges: ["Building data not available"], recommendations: ["Please contact accessibility services for route information"], } } const distance = calculateDistance(fromData.coordinates, toData.coordinates) const standardWalkTime = distance / 83.33 // Average walking speed: 5 km/h = 83.33 m/min // Accessibility factors that affect walking time const accessibilityMultiplier = calculateAccessibilityMultiplier(fromData, toData, distance) const accessibilityWalkTime = standardWalkTime * accessibilityMultiplier // Calculate overall accessibility score for the route const routeAccessibilityScore = (fromData.accessibilityScore + toData.accessibilityScore) / 2 // Determine feasibility (routes over 15 minutes with low accessibility are concerning) const feasible = accessibilityWalkTime <= 15 || routeAccessibilityScore >= 80 // Generate challenges and recommendations const challenges = generateChallenges(fromData, toData, distance, accessibilityWalkTime) const recommendations = generateRecommendations(fromData, toData, challenges) return { fromBuilding, toBuilding, distance: Math.round(distance), standardWalkTime: Math.round(standardWalkTime), accessibilityWalkTime: Math.round(accessibilityWalkTime), accessibilityScore: Math.round(routeAccessibilityScore), feasible, challenges, recommendations, } } function calculateAccessibilityMultiplier(fromData: BuildingData, toData: BuildingData, distance: number): number { let multiplier = 1.0 // Base multiplier for mobility disabilities (typically 1.5-2x longer) multiplier = 1.7 // Distance factor - longer distances are proportionally more challenging if (distance > 500) multiplier += 0.3 if (distance > 800) multiplier += 0.2 // Building accessibility factors const avgAccessibility = (fromData.accessibilityScore + toData.accessibilityScore) / 2 if (avgAccessibility < 70) multiplier += 0.4 else if (avgAccessibility < 85) multiplier += 0.2 // Specific accessibility challenges if (!fromData.rampAccess || !toData.rampAccess) multiplier += 0.3 if (!fromData.elevatorAccess || !toData.elevatorAccess) multiplier += 0.2 return multiplier } function generateChallenges( fromData: BuildingData, toData: BuildingData, distance: number, walkTime: number, ): string[] { const challenges: string[] = [] if (distance > 600) challenges.push("Long walking distance") if (walkTime > 12) challenges.push("Extended travel time required") if (!fromData.rampAccess || !toData.rampAccess) challenges.push("Limited ramp access") if (!fromData.elevatorAccess || !toData.elevatorAccess) challenges.push("No elevator access") if (!fromData.automaticDoors || !toData.automaticDoors) challenges.push("Manual doors may be difficult") if (fromData.accessibilityScore < 75 || toData.accessibilityScore < 75) challenges.push("Building has accessibility limitations") return challenges } function generateRecommendations(fromData: BuildingData, toData: BuildingData, challenges: string[]): string[] { const recommendations: string[] = [] if (challenges.includes("Long walking distance")) { recommendations.push("Consider using campus shuttle service") recommendations.push("Allow extra time between classes") } if (challenges.includes("Extended travel time required")) { recommendations.push("Plan for 20+ minutes between classes") } if (challenges.includes("Limited ramp access")) { recommendations.push("Contact Accessibility & Disability Service for alternative routes") } if (challenges.includes("Manual doors may be difficult")) { recommendations.push("Ask classmates or staff for door assistance if needed") } if (fromData.accessibilityScore < 75 || toData.accessibilityScore < 75) { recommendations.push("Contact building management about accessibility improvements") } // Always include general recommendations recommendations.push("Test the route before your first class") recommendations.push("Have backup plans for weather conditions") return recommendations } // Analyze an entire schedule for accessibility export function analyzeSchedule(classes: any[]): ScheduleAnalysis { const validClasses = classes.filter((cls) => cls.building && cls.startTime && cls.endTime) if (validClasses.length < 2) { return { overallFeasible: true, overallAccessibilityScore: 100, routes: [], conflicts: [], recommendations: ["Add more classes to analyze route feasibility"], } } const routes: RouteAnalysis[] = [] const conflicts: string[] = [] let totalAccessibilityScore = 0 // Group classes by day const classesByDay: Record = {} validClasses.forEach((cls) => { cls.days.forEach((day: string) => { if (!classesByDay[day]) classesByDay[day] = [] classesByDay[day].push(cls) }) }) // Analyze routes for each day Object.entries(classesByDay).forEach(([day, dayClasses]) => { // Sort classes by start time const sortedClasses = dayClasses.sort((a, b) => a.startTime.localeCompare(b.startTime)) for (let i = 0; i < sortedClasses.length - 1; i++) { const currentClass = sortedClasses[i] const nextClass = sortedClasses[i + 1] const route = calculateRoute(currentClass.building, nextClass.building) routes.push(route) totalAccessibilityScore += route.accessibilityScore // Check for time conflicts const currentEndTime = new Date(`2000-01-01T${currentClass.endTime}:00`) const nextStartTime = new Date(`2000-01-01T${nextClass.startTime}:00`) const timeDifference = (nextStartTime.getTime() - currentEndTime.getTime()) / (1000 * 60) // in minutes if (timeDifference < route.accessibilityWalkTime) { conflicts.push( `${day}: Not enough time between ${currentClass.courseCode} and ${nextClass.courseCode} (need ${route.accessibilityWalkTime} min, have ${timeDifference} min)`, ) } } }) const overallAccessibilityScore = routes.length > 0 ? totalAccessibilityScore / routes.length : 100 const overallFeasible = conflicts.length === 0 && routes.every((route) => route.feasible) // Generate overall recommendations const recommendations: string[] = [] if (!overallFeasible) { recommendations.push("Consider adjusting class times to allow more travel time") recommendations.push("Look for alternative class sections with better timing") } if (overallAccessibilityScore < 80) { recommendations.push("Some buildings have limited accessibility - plan accordingly") recommendations.push("Contact Accessibility & Disability Service for support") } recommendations.push("Always test your routes before the semester begins") return { overallFeasible, overallAccessibilityScore: Math.round(overallAccessibilityScore), routes, conflicts, recommendations, } } [V0_FILE]typescriptreact:file="app/results/page.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Progress } from "@/components/ui/progress" import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert" import { ArrowLeft, CheckCircle, XCircle, Clock, MapPin, AlertTriangle, Lightbulb, Navigation, Accessibility, } from "lucide-react" import Link from "next/link" import type { ScheduleAnalysis } from "@/lib/accessibility-calculator" export default function ResultsPage() { const [analysis, setAnalysis] = useState(null) const [classes, setClasses] = useState([]) const [loading, setLoading] = useState(true) useEffect(() => { const analysisData = sessionStorage.getItem("scheduleAnalysis") const classesData = sessionStorage.getItem("scheduleClasses") if (analysisData && classesData) { setAnalysis(JSON.parse(analysisData)) setClasses(JSON.parse(classesData)) } setLoading(false) }, []) if (loading) { return (

Loading your accessibility analysis...

) } if (!analysis) { return (

No Analysis Found

Please go back and analyze your schedule first.

) } const getAccessibilityColor = (score: number) => { if (score >= 90) return "text-green-600" if (score >= 75) return "text-yellow-600" return "text-red-600" } const getAccessibilityBadgeVariant = (score: number) => { if (score >= 90) return "default" if (score >= 75) return "secondary" return "destructive" } return (

{/* Header */}

TerpMove

{/* Main Content */}

{/* Header Section */}

Your Accessibility Analysis

Comprehensive route analysis for your UMD schedule

{/* Overall Results */}

{analysis.overallFeasible ? ( ) : ( )}

Schedule Feasibility {analysis.overallFeasible ? "Your schedule works!" : "Schedule needs adjustment"}

{analysis.overallAccessibilityScore}%

Accessibility Score Overall route accessibility rating

{analysis.routes.length} Routes Analyzed campus navigation paths

{/* Conflicts Alert */} {analysis.conflicts.length > 0 && ( Schedule Conflicts Detected

{conflict}

)} {/* Route Analysis */}

Route Analysis

{analysis.routes.map((route, index) => (

{route.fromBuilding} → {route.toBuilding} {route.distance}m • {route.accessibilityWalkTime} min walk time

{route.accessibilityScore}% Accessible

{/* Progress Bar */}

Accessibility Score {route.accessibilityScore}%

{/* Timing Comparison */}

Standard: {route.standardWalkTime} min

Accessible: {route.accessibilityWalkTime} min

{/* Challenges */} {route.challenges.length > 0 && (

Challenges:

{challenge}

)} {/* Recommendations */} {route.recommendations.length > 0 && (

Recommendations:

{rec}

)} ))}

{/* Overall Recommendations */}

Recommendations for Success Tips to optimize your campus navigation

{rec}

{/* Action Buttons */}

) } [V0_FILE]typescriptreact:file="components/ui/progress.tsx" isMerged="true" "use client" import * as React from "react" import * as ProgressPrimitive from "@radix-ui/react-progress" import { cn } from "@/lib/utils" const Progress = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, value, ...props }, ref) => ( )) Progress.displayName = ProgressPrimitive.Root.displayName export { Progress } [V0_FILE]typescriptreact:file="components/ui/alert.tsx" isMerged="true" import * as React from "react" import { cva, type VariantProps } from "class-variance-authority" import { cn } from "@/lib/utils" const alertVariants = cva( "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground", { variants: { variant: { default: "bg-background text-foreground", destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive", }, }, defaultVariants: { variant: "default", }, }, ) const Alert = React.forwardRef< HTMLDivElement, React.HTMLAttributes & VariantProps >(({ className, variant, ...props }, ref) => (

)) Alert.displayName = "Alert" const AlertTitle = React.forwardRef>( ({ className, ...props }, ref) => (

), ) AlertTitle.displayName = "AlertTitle" const AlertDescription = React.forwardRef>( ({ className, ...props }, ref) => (
), ) AlertDescription.displayName = "AlertDescription" export { Alert, AlertTitle, AlertDescription } [V0_FILE]css:file="app/globals.css" isEdit="true" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark )); :root { --background: oklch(1 0 0); --foreground: oklch(0.145 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.145 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.145 0 0); / Updated to brighter UMD red / --primary: oklch(0.45 0.25 20); / Brighter UMD Red / --primary-foreground: oklch(0.985 0 0); --secondary: oklch(0.97 0 0); --secondary-foreground: oklch(0.205 0 0); --muted: oklch(0.97 0 0); --muted-foreground: oklch(0.556 0 0); / Updated to brighter UMD gold / --accent: oklch(0.88 0.15 90); / Brighter UMD Gold / --accent-foreground: oklch(0.145 0 0); / Added UMD black color / --umd-black: oklch(0.15 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.577 0.245 27.325); --border: oklch(0.922 0 0); --input: oklch(0.922 0 0); --ring: oklch(0.708 0 0); --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --radius: 0.625rem; --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.205 0 0); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); } .dark { --background: oklch(0.145 0 0); --foreground: oklch(0.985 0 0); --card: oklch(0.145 0 0); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.145 0 0); --popover-foreground: oklch(0.985 0 0); / Brighter UMD red for dark mode / --primary: oklch(0.55 0.25 20); --primary-foreground: oklch(0.985 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); / Brighter UMD gold for dark mode / --accent: oklch(0.85 0.15 90); --accent-foreground: oklch(0.145 0 0); --umd-black: oklch(0.85 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.637 0.237 25.331); --border: oklch(0.269 0 0); --input: oklch(0.269 0 0); --ring: oklch(0.439 0 0); --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.269 0 0); --sidebar-ring: oklch(0.439 0 0); } @theme inline { --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); / Added UMD black to theme / --color-umd-black: var(--umd-black); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --font-sans: var(--font-open-sans); --font-heading: var(--font-montserrat); } @layer base { { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } .font-heading { font-family: var(--font-montserrat); } /* Added utility class for UMD black / .text-umd-black { color: var(--color-umd-black); } .bg-umd-black { background-color: var(--color-umd-black); } } [V0_FILE]typescriptreact:file="components/route-planner.tsx" isMerged="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Navigation, MapPin, ArrowRight } from "lucide-react" import { useRouter } from "next/navigation" const UMD_BUILDINGS = [ "McKeldin Library", "Stamp Student Union", "Edward St. John Learning & Teaching Center", "Chemistry Building", "Physics Building", "Mathematics Building", "Computer Science Instructional Center", "Engineering Classroom Building", "Kim Engineering Building", "Glenn L. Martin Hall", "Benjamin Building", "Tydings Hall", "Woods Hall", "Skinner Building", "Art-Sociology Building", "Tawes Hall", "Francis Scott Key Hall", "Hornbake Library", "Cole Student Activities Building", "Eppley Recreation Center", "Ritchie Coliseum", "Xfinity Center", "Byrd Stadium", "Reckord Armory", "Health Center", ] export function RoutePlanner() { const [fromBuilding, setFromBuilding] = useState("") const [toBuilding, setToBuilding] = useState("") const router = useRouter() const handlePlanRoute = () => { if (fromBuilding && toBuilding) { // Store route data and navigate to results sessionStorage.setItem( "routeData", JSON.stringify({ from: fromBuilding, to: toBuilding, type: "single-route", }), ) router.push("/results") } } return (

Plan Your Accessible Route Select your starting point and destination to find the most accessible path across campus.

From

To

Accessibility Features Considered:

Wheelchair ramps • Elevator access • Smooth pathways • Minimal inclines • Weather protection

) } [V0_FILE]typescriptreact:file="app/page.tsx" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true" import { Button } from "@/components/ui/button" import { Card, CardDescription, CardHeader, CardTitle, CardContent } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { MapPin, Clock, CheckCircle, ArrowRight, Accessibility, Calendar } from "lucide-react" import Link from "next/link" import { TerpMoveLogo } from "@/components/terpmove-logo" import { RoutePlanner } from "@/components/route-planner" export default function HomePage() { return (
{/ Header /}

Features Planning Tools How It Works About

{/ Hero Section /}

University of Maryland
Empowering Your Mobility at UMD

TerpMove is your companion for accessible navigation across campus. Plan your schedule with confidence, knowing every route is optimized for your mobility needs.

{/ Planning Tools Section /}

Choose Your Planning Tool

Whether you need to plan your entire schedule or find a single accessible route, we've got you covered

{/ Schedule Planning Card /}

Plan My Schedule Input your entire class schedule and get comprehensive accessibility analysis for all your routes.

What You'll Get:

• Complete schedule feasibility analysis

• Timing conflicts identification

• Alternative route suggestions

• Overall accessibility score

{/ Route Planning Card /}

{/ Features Section /}

Navigate Campus with Confidence

Designed specifically for students with mobility challenges at the University of Maryland

Accessibility-Focused Timing Get accurate walking times calculated specifically for mobility disabilities, ensuring you never feel rushed between classes.

Smart Route Planning Sync your class schedule with our accessibility map to find the most accessible routes across campus.

Schedule Feasibility Know instantly if your chosen schedule works for your mobility needs with our yes/no feasibility checker.

{/ How It Works Section /}

How TerpMove Works

Three simple steps to accessible schedule planning

1

Enter Your Schedule

Input your desired classes and we'll map out all the buildings and timing requirements.

2

Get Accessibility Analysis

Receive detailed route analysis with accessibility percentages and realistic timing estimates.

3

Plan with Confidence

Make informed decisions about your schedule with clear feasibility indicators and alternative suggestions.

{/ CTA Section /}

Your Journey Matters. Let's Make It Accessible Together.

Join the TerpMove community and experience campus navigation designed with your needs in mind.

{/ Footer /}

© 2024 TerpMove - University of Maryland
Built for Accessibility

) } [V0_FILE]typescriptreact:file="components/ui/select.tsx" isMerged="true" "use client" import as React from "react" import * as SelectPrimitive from "@radix-ui/react-select" import { Check, ChevronDown, ChevronUp } from "lucide-react" import { cn } from "@/lib/utils" const Select = SelectPrimitive.Root const SelectGroup = SelectPrimitive.Group const SelectValue = SelectPrimitive.Value const SelectTrigger = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, children, ...props }, ref) => ( span]:line-clamp-1", className, )} {...props} > {children} )) SelectTrigger.displayName = SelectPrimitive.Trigger.displayName const SelectScrollUpButton = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName const SelectScrollDownButton = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName const SelectContent = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, children, position = "popper", ...props }, ref) => ( {children} )) SelectContent.displayName = SelectPrimitive.Content.displayName const SelectLabel = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) SelectLabel.displayName = SelectPrimitive.Label.displayName const SelectItem = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, children, ...props }, ref) => ( {children} )) SelectItem.displayName = SelectPrimitive.Item.displayName const SelectSeparator = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) SelectSeparator.displayName = SelectPrimitive.Separator.displayName export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, } [V0_FILE]png:file="public/images/testudo-wheelchair.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/ChatGPT%20Image%20Aug%2014%2C%202025%2C%2010_42_32%20PM-LaEpMSKFl1xC9jqxnFwSu9Qgll8sxT.png" [V0_FILE]typescriptreact:file="components/terpmove-logo.tsx" isEdit="true" interface TerpMoveLogoProps { size?: "sm" | "md" | "lg" showText?: boolean } export function TerpMoveLogo({ size = "md", showText = true }: TerpMoveLogoProps) { const sizeClasses = { sm: "w-8 h-8", md: "w-12 h-12", lg: "w-16 h-16", } const textSizeClasses = { sm: "text-lg", md: "text-2xl", lg: "text-3xl", } return (

{showText && ( Terp Move )}
) }