Loopy

Inspiration

Some of our team members faced some less than favourable transit conditions on their way to the hackathon, which was a route they had not taken before. This inspired us to create a site similar to ratemyprofessor, but for bus/skytrain routes, to help others avoid unpleasant transit experiences when planning trips around Metro Vancouver.

What it does

Loopy is a community-driven ratings aggregation and trip planning site that takes origin and destination inputs and displays ratings for each bus/skytrain Users can also add ratings for each of the aformentioned criteria to transit lines they have taken to help inform the Metro Vancouver community on whether they may want to reconsider their travel routes.!

How we built it

Built using a React/Vite frontend with Tailwind CSS, together with Firebase and client-side Google Maps Routing API calls.

Challenges we ran into

Figuring out the convoluted documentation of Google Maps API was a major challenge for us

Accomplishments that we're proud of

Eventually learning how to request and parse the enormous JSON responses of Google Maps Routing API, and integrating it with Firebase.

What we learned

We learned how to use REST APIs in JavaScript and integrate it with a React frontend and Firebase.

What's next for Loopy

Using the Maps API to visualise routes, and possibly add more GUI elements to display ratings on hover etc.

Built With

• firebase
• firebase-hosting
• google-maps
• react
• rest
• tailwind
• vite