Tastebuddies

Swipe Through Menu Items to Find Restaurants

tastebuddies-swipeleft

Overview

Users looking for restaurant recommendations begin by selecting from a list of cuisines they might be interested in. Based off of their selections, the user is presented with images of menu items that they can swipe right or left on depending on if they are interested in the food their shown. Once the user swipes right, they are shown more information on the restaurant that offers that menu item, including their website, location, and other menu items they offer.





Swiping Components

Multiple components in Vue were implemented to handle the logic around what the user swipes on, how to remove items on 'swipe lefts', as well as how to successfully pass data on a 'swipe right'.

tb-swiperight

Future Releases

User authentication is already set up, and future releases will feature a more elaborate restaurant recommendation process based on user submitted ingredient preferences. The flow of the site would also change from one immediate restaurant recommendation to a collection based on what the user swiped right on. The potential for in-app ordering rather than redirecting to the restaurant's website is also worth implementing.

Tools

Postgres database, Node.js backend, Vue.js frontend.


Links

Tastebuddies Website

Frontend Repository

Backend Repository