throw-a-pin

"throw-a-pin emulates the oldest form of spontaneous adventure: throwing a pin at a spinning globe. Find new locations, uncover hidden gems, and share the path less traveled with the world."

Comment

Inspiration

Inspired by the simple yet exhilarating idea of blindfolding someone and letting them throw a dart at a map, Throw-a-Pin takes this classic and spontaneous activity into the digital age. It brings a modern twist to exploration and decision-making, allowing users to discover random places worldwide, save their favorites, and share adventures like never before.

What it does

  • Find random locations with filters like country or radius.
  • Create and share collections of pins publicly
  • View others’ saved lists
  • Use the "GF Hungry" button to find a nearby restaurant to "save" you from a hungry girlfriend
  • Find POIs and filter by attraction type

How we built it

  • Frontend: Built with React and Tailwind CSS
  • Backend: Powered by Supabase
  • Geolocation API: Integrated multiple mapping APIs
  • Multiple nights going to bed past 6 am

Challenges we ran into

Win's girlfriend went to the ER and he had to leave. He is coding in the hospital as we speak. Google Cloud charged Win $300 from a looping Google Places API call No experienced UI/UX designer

Accomplishments that we're proud of

Product we can be proud of in the time allotted Working hard and diligently throughout the time period Learning an incredible amount in all the tools used

What we learned

Make sure to figure out early UI/UX and core features Do NOT loop a $25 per 1k calls API
Do NOT push .env to GitHub !!!!

What's next for throw-a-pin

  • Port backend to more long-term solution (Flask + Mongo)
  • Add leaderboard and more social functionality
  • Improve UI/UX and add more animations
  • Gamify certain aspects for a more engaging experience

Built With

Share this project:

Updates