Inspiration
Do you have a friend who always takes forever to decide what to order? Or maybe you’re that friend? The average student in Waterloo has easy access to over 10 different bubble tea shops (source: trust me). Whether you’re happy or sad or just want to lose money, Byte Sized Boba can help you decide what to get. We created Byte Sized Boba because we really wanted bubble tea on the first day of the hackathon but didn’t end up going. We always have bubble tea in our mind and hope our users do too.
What it does
Byte Sized Boba is a web application that allows users to discover new bubble tea and beverage combinations. Featuring a simple and cozy boba themed interface, users can share their preferences and moods through a quiz. Byte Sized Boba’s algorithm traverses through our beverage database and presents users with a drink suggestion. Users can then find bubble tea stores near them using our built-in interactive map.
How we built it
Byte Sized Boba is built on React and Vite. For our map, we used the Google Maps JavaScript API, and for our database we used Postgres, querying from our own Node/Express server. For front end development, we used CSS, the Chakra UI component library, as well as Framer Motion for animations.
Challenges we ran into
Our biggest challenges were using technology we don't have too much experience with. Working with Google Maps API is something that is new to us, so we had to spend some time learning to use that. We also spent a lot of time trying to figure out how to set up the domain, specifically just getting the URL to connect to the right place.
What's next for Byte Sized Boba
There’s many features we wanted to implement for Byte Sized Boba, but were unable to due to the time constraints. We want to extend our quiz with more questions and options, and develop our database more so that we could create more accurate and diverse results. Another feature we would love to work on is improving the user experience, by adding more functionality to the map. We could add location tracking, web scraping to get more information about the local bubble tea stores, and even a rating system so that other users can leave reviews.
Log in or sign up for Devpost to join the conversation.