Taste Buds
Designed to find the perfect place to dine. Restaurant matching and voting application using MVC pattern and RESTful APIs. Registered Taste Buds users can search for restaurants in a desired area and create scheduled events. Friends are invited via unique links to view restaurant information and submit votes. The program will record votes and calculate the winning restaurants. Utilizes Java, SpringBoot, JSON, Vue.js, Yelp Fusion API, and PostgreSQL.
Log in:
If you do not have an account, you can make one:
From there you can select whether to search for restaurants (and perhaps save some new favorites!) or to plan an event:
If you choose to search for restaurants, you may enter a city or a zipcode (the state is optional). Anytime restaurants are displayed in a list like below, individualized links will be included below the image that connect to the restaurant’s yelp page and to it’s google location via google maps, which is navigable. Additional information will be displayed on the right side of the image, including ratings, opening hours, etc. and a link to dial the number if you are viewing the page with a cellphone.
If you choose to plan an event, you will be taken to the plan and event form page. Here you may toggle between three forms as you please. Your information is saved as you plan. You may not submit the form, however, until all required inputs are complete. Once all information is entered and you click submit, invitations will be emailed to your invitees.
Step 1. Plan the date and time of your event and give a deadline for when your “buds” must respond to an invite.
Step 2. Select your restaurants. The fork and knife icon will toggle from purple to gold (or the reverse). If the icon is gold, you have added a restaurant to your event list.
Step 3. Invite your buds by entering their email addresses!
If you are invited to vote on an event, you will receive a link via email. Click the link to open your voting form. Here you’ll find a list of all the restaurants selected for the event and you can vote “yes” or “no” by clicking on the thumbs-up or thumbs-down icon. Clicking one will disable the other. The thumbs-up icon appears green for a “yes” vote while the thumbs-down appears red for a “no” vote.
If you are an authenticated user, you may view the voting results from any event you have organized by going to the Events page. By clicking on an event, you’ll see a ranked list of restaurants from most to least votes. The winning restaurant(s) will display a gold trophy below their images (we thought this would be helpful in case there is a tie!).
We included an “About page” if you want to read more about our team.
Finally, we ensured that our webpage was made mobile friendly. We also built all our CSS from scratch (without Bootstrap, Vuetify, etc.) so everything right down to the bars of the hamburger menu were hard-coded with care!
