/Perfect-Cup

Primary LanguageJavaScript

Perfect Cup

Ingredient transparency is vital as health and wellness are more emphasized in today's society. Perfect Cup provides an informative platform for coffee lovers to create their own Perfect Cup while keeping them informed about the origin of a variety of coffee ingredients.

Technologies Used

Deployed Link

Getting Started

Connect to the above Heroku deployed link. Click on the signin button and scroll to the middle of the application.

For a first time user, create a profile by completing the form with the user's name, email, and password.

For an existing user, enter the user's email and password.

Once the user's identity has been validated, the user will be able to log into the profile.

The user can use the drop-down ingredient menu to make ingredient selections to create a Perfect Cup

Click on the "Create" button, a dashboard page will display the user's Perfect Cup with its associated ingredients and data.

User Stories

As a user, I want to be presented with the option to sign in, sign up or proceed as a guest

As a user, I want to be able to save my login data in the server so that I can log back into my profile

As a user, I want to be able to create my perfect cup of coffee with wide selection of ingredients and their associated data.

As a user, I want to be able to see all data related to my Perfect Cup

Acceptance Criteria

  • Homepage has a login button and a signup button
  • On login, display the login page that has a text input form for user's email and password entry
  • On login, compare the user's credential to each existing user array and find the user's profile
  • Display the user's profile on the dashboard page after login
  • On signup, display a form for user to create a user's profile
  • Display the user's profile on the dashboard page
  • Dashboard page has a drop-down menu for the user to create a Perfect Cup
  • Dashboard page displays the Perfect Cup's ingredients and its associated data
  • Dashboard page displays the user's Perfect Cups

Design Layout

image

image

image

image

Authors

  • Millard Chambers
  • Panta Huang
  • Mandy Tsang

Learning Objectives

  • Upon completion of this application, we acquired the ability to utilise Node.js and Express.js to create a RESTful API
  • We acquired the ability to use MySQL and the Sequelize ORM for the database
  • We created a folder structure that meets the MVC paradigm
  • We included authentication using express-session and cookies
  • We protected API keys and sensitive information with environment variables
  • We sucessfully resolve merge conflicts
  • We prepared a professional presentation and repository README.md
  • We learned about the workflow of git branching in a collaborative project
  • We designed, built, and deplolyed a full stack SQL backed application
  • We practiced Agile software Development

License

This project is licensed under the MIT License