← Projects

RateMyDine

02/2023 - 05/2023

Tech Stack:

https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/css3/css3-original.svg
https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/html5/html5-original.svg
https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/javascript/javascript-original.svg

Description: A platform to share feedback about food for dining hall


How to run the website

$ npm install
$ npm run dev

Team Overview

Name
GitHub Username
Yongye Tan
algebra2boy
Ivan Liu
ivliu816
Jicheng Li
zuki08
Adam Trac
noonbles

Innovative Idea
The platform is going to be similar to RateMyProfessor and Yelp, we will show star ratings than numerical rating and also accept half ratings. There will also be a multitude of rating criterias such as Food Quality, Customer Service, Location, and Price to calculate the Overall rating of the review. However, this platform will be for UMass Students and Faculty to post reviews of UMass Dining Hall food.

User Logistics

  • User login: stores user login info such as uuid, username, userRole, password, email
  • Student: stores UMASS student data such as uuid, username, userRole, password, email
  • Faculty: stores UMASS Faculty data such as uuid, username, dining hall they work at, years of work experience

Website Logistics

  • Likes: Users can like or dislike other reviews, shown by a whole number.
  • User comments: Users can write comments in the review about the food they ate.
  • Images: Users can post images of their plate or surroundings of the dining hall
  • Rating: Users can specify the satisfactory level on food quality, customer service, atmosphere and time to spend to find a seat or table.
  • Overall Review: Each dining hall has a rating that is calculated using all the ratings from users' posts.

Functionality

  • Bootstrap front end: The site's styling will be primarily handled using bootstrap
    • User Authentication page: hooks together inputs from the front end and redirects the user after confirming information with the backend -Text boxes to record input
    • Landing page: Strictly front end; redirects user to other pages (ex: checking reviews particularly Berkshire dining hall) -Clickable tiles centered on the main page that redirect user
      • Search bar in the text box for users to select the dinning hall they want to rate
    • Dining hall pages: Loads images of user-generated pictures stored, comments, dining hall name and picture, etc.
      • Non-interactible dining hall image
      • Text box located at the bottom of the page, on top of a tile stack of comments, for users to upload comments and images of their food
        • Button that prompts the user to upload images if they wish
      • Comment tiles with like/dislike buttons for other users to interact with
      • Small section above comments featuring the most viewed photos, top rated comments, etc.
  • MongoDB back end: Stores login information, dining hall ratings, food ratings, comments, comment ratings, images, etc.

Video Showcase Click me!

License
[MIT License] (https://opensource.org/license/mit/)