Bus Route Buddy

• 

  Web app

• 

  Event shown in built-in calendar

• 

  Event in Google Calendar

• 

  30 minute email reminder

Inspiration

Being able to get bus routes and reminders without too much hassle.

What it does

• Asks for current location
• Asks for destination
• Finds closest routes and displays their arrival, departure, and duration times
• Allows to add a selected route to the calendar through Google Calendar

How we built it

• Used React+Vite+Typescript for fast development loads
• Used Google APIs (Maps and Calendar) to get bus routes, maps, locations, markers, and Google Calendar information
• Used Netlify to host the web app with a custom domain name

Challenges we ran into

• Implementing Google Calendar API
• Implementing design features (map kept disappearing)
• Google verification
• Implementing Spanish translation

Accomplishments that we're proud of

• Being able to implement Google APIs
• Being able to host the web app using a domain name

What we learned

• It takes time to understand how the APIs work, how to implement them, and why it not going the way it should be

What's next for Bus Route Buddy

• Spanish translation
• Design glow-up
• Display bus fares

Built With

• google
• google-maps
• netilfy
• react
• typescript
• visual-studio-code
• vite