Boba Lover

This Web App was made with React, Firebase (for the cards data) & Cohere's API. One of the Chabox, we implemented a Cohere AI Chatbot using it’s API.

Try it out!

• Youtube video walkthrough: https://www.youtube.com/watch?v=CRVvdV3T0cE
• Website (to try it out): https://lovely-monstera-8dd8f5.netlify.app/

What is it about?

BobaLover is a platform created by the members of a passionate team, that aims to curate an experience for people trying out boba for the first-time and for professional boba-lovers alike. Our app keeps track of the boba stores that you've liked, and allows you to communicate with them! This creates a personalised experience for the viewer.

We wish to see a world where people invested in the boba experience have a place to start their journey! A place for them to belong!

What we plan to do in the future

We plan to extend this app and branch into an environment where boba-lovers can interact with each other and plan boba-dates together! Furthermore, we plan to use an algorithm to sort and display boba locations based on your previous choices, helping you find more stores and flavours based on your previous choices.

How To Run App when installed from github:

To run the app on a web browser, in the terminal, type in:

npn run dev

To quit or stop the app from running, in the terminal, type in:

q

Make sure you installed (for the app to run properly):

• React
• Node.js
• Vite ('npm install vite')
• Install react-tinder-card (https://www.npmjs.com/package/react-tinder-card) --> swiping motion for the tinder cards
• Install firebase ('npm i firebase' or 'npm install firebase')
• Installed useLockBodyScroll (website: https://usehooks.com/uselockbodyscroll#:~:text=The%20useLockBodyScroll%20hook%20temporarily%20disables,that%20requires%20the%20user's%20focus.)