Recipe Spree

A recipe recommending website.

Description

  1. Purpose:
    RecipeSpree is an all-in-one cooking companion. From maintaining a recipe collection to discovering new delectable dishes, RecipeSpree is a universal portal that satisfies all of our clients’ cooking needs.
  2. Target audience: Home cooks
  3. Motivation:
    We like good food, and while we can find recipes on YouTube or by googling and keep track of them using bookmarks, it’s cumbersome and we want to simplify this process for our users.

Run the application

  1. Make sure you have MongoDB installed or install it here. https://www.mongodb.com/ Note: connecting to MongoDB may not work if you are using UCLA_WEB. If this is the case, try using eduroam.
  2. Go to a directory and run this code
    git clone https://github.com/cookiemonster04/recipe-spree.git
    in your command line.
  3. Go to recipe-spree directory.
  4. Run npm install
  5. Run npm run dev, make sure the 8000 port is available.
  6. After the code is compiled, you can view the website by going to http://localhost:8000/ in your browser.

Key features

Display dynamic data: average ratings
Upload data: rating
Search: search
Authentication
Favorites
Recently viewed
Comments
Recommendations
Dark mode

Tech Stack

Frontend

React, MUI

Backend

Node.js Express.js MongoDB