How hollyxue05/hopperhacks-2026 works
This is a React/Flask trip planner for journeys involving LIRR and Amtrak. Users enter stations, date, time, and transfer buffer; the frontend requests itinerary options, presents connections, and can request stop-by-stop details. The backend searches stored schedules and constructs eligible connections. A map provides station and route context. The excerpts establish the frontend entry and map behavior, plus backend schedule-search and detail logic; omitted code leaves some API wiring and schedule branches uncertain.
Main entry points: app.py Flask API · main.jsx React entry · LandingPage.jsx Trip form and results · MapBackground.jsx Station map
Components 12
Trip interface
- React entry
frontend/src/main.jsx - Trip form and results
frontend/src/LandingPage.jsx
Trip planning
- Flask API
backend/app.py - Journey search
backend/app.py - LIRR schedules
backend/app.py - Amtrak schedules
backend/app.py - Trip stop details
backend/app.py
Schedule data
- MongoDB schedules
Map context
- Station map
frontend/src/MapBackground.jsx
Other components
- Traveler
- Amtrak stations
- OpenStreetMap tiles
Connections 14
- Traveler → React entry: opens
- React entry → Trip form and results: renders
- Trip form and results → Flask API: requests trips
- Flask API → Journey search: dispatches search
- Journey search → LIRR schedules: searches LIRR
- Journey search → Amtrak schedules: searches Amtrak
- LIRR schedules → MongoDB schedules: reads schedules
- Amtrak schedules → MongoDB schedules: reads schedules
- Trip form and results → Flask API: requests details
- Flask API → Trip stop details: dispatches details
- Trip stop details → MongoDB schedules: reads trip stops
- React entry → Station map: renders
- Station map → Amtrak stations: fetches stations
- Station map → OpenStreetMap tiles: loads tiles