Inspiration
We were inspired by Pokemon and Geoguesser and wanted a way to integrate it. Additionally, we wanted a way to explore around UCI and learn more about its buildings and history.
What it does
You have to find unknown landmarks around UCI, and with each new location you find you unlock a card of that place. Unlocking a card grows your collection, and each picture you take is saved to the collection.
How we built it
Our code uses a react + vite frontend and a fastapi backend to run the stack.
To run the webservice and static website, we used Render.com (or you can run on localhost:5173 too!)
For database management, we have used Supabase.
API's used: Supabase (Managing landmarks + finding closest one) and Leaflet (Online Map)
Libraries Used: React, Fastapi, Python Libaries, npm (uuid, and pretty much everything frontend)
Challenges we ran into
We wanted to use google cloud vision, but it was too complex for our time constraints so we used geolocation instead.
Accomplishments that we're proud of
We are proud that we integrated supabase so well and managed to implement a lot of features we think we couldn't, especially with the loss of a member.
What we learned
We learned a lot about supabase, database managemetn and frontend dev.
What's next for Waypoint
We want to add more features and maybe in the future integrate computer vision.
Built With
- fastapi
- leaflet.js
- python
- react
- supabase
- vite
Log in or sign up for Devpost to join the conversation.