Stranger Drinks (Front-End)

Decoupled MERN Stack with JWT Auth

In this application you will be able to create a drink from the list of ingredients that have been provided. From there you will be able to write reviews on a specific drink and be able to view other users drinks and read their reviews. You will also be able to see everyones drinks that they have created.

This is also Stranger Things Themed so there will be a list of Stranger Things drinks already created for users to view.

Getting Started:

(Deployed Link)
(Plan Link)

Technologies Used:

Back-end Link:

https://github.com/psison92/stranger-drinks-back-end

Screen shots of the landing page and others of interest:

Upon opening our application you will be asked to Sign-up. If you have already done so you can click the login button.

This is the main landing page of our application. It has a nav bar at the top where you have the options to mix your drink, if that drink does not have the ingredient you want you can add it via the add ingredient section. It has a drinks section that allows you to view all the drinks the user has created and a profile section that allows you to view all other visitors on the app.

The mix drink section will have a form for you to enter. The name of the drink (which is required) and the list of ingredients for you to chose from that has been pre-added to our database. If you do not see an ingredient you like, you can always create on new one by clicking the add ingredient button at the top of the nav-bar. Once you have created your drink it'll take you to the all drinks page. Which is listed below.

This is your main drinks page where you can edit, delete, or head to the details page where you can write a review on your creation. Enjoy!

Contributors:

• Ryan Cooley : https://github.com/CoolRy1031
• Patrick Sison: https://github.com/psison92
• Michael Crawford: https://github.com/crawfordwebdev
• Erik Rodriguez: https://github.com/Erodri6z

Next Steps:

We plan on implementing more into the profile. We want to be able to add a Hangover tip that has full CRUD functionality. So each user can view other user's tip and be able to create their own

We also wanted to implement a bar component where users can go to a different screen and be able to have all the ingredients shown. From their they would be able to click and ingredient and measurement and be able to put together their own drink.

We also want to implement a BAC calculator that might live on the review page. This feature would be able to calculate your BAC based on the measurements and the strength of ingredients you chose.

Add an admin function for the add ingredient feature.