RECIPE EXPLORER

Deployed site: http://recipe-explorer-prod.s3-website-us-west-1.amazonaws.com/

Why Did We Build Recipe Explorer?

We noticed a common struggle: many of us feel like we're cooking the same meals repeatedly, get indecisive about what to make, or simply lack inspiration. Recipe Explorer addresses this by presenting a random recipe to jump-start the decision process, offering variety, and introducing users to unique new recipes.

What is Recipe Explorer?

It's a web application designed to make finding and sharing recipes easier and more engaging. Recipe Explorer offers a fresh way to discover recipes and connect with a community. Here’s how it works: users can browse as a guest or create an account. Users can leave reviews on recipes, rate them, add their own, and search for recipes by category, cuisine, and ingredient. To spice up mealtime, the app suggests random recipes you might enjoy. You can either skip to another recipe or dive in for full details if one catches your interest.

Tech Stack

Front End

• React
• Axios
• Bootstrap & custom CSS
• MealDB API

Back End

• Node.js
• Express
• JWT
• Multer
• AWS Services
  • DynamoDB
  • EC2
  • S3

Pages

Home

Sign Up

Sign In

Profile

Search Results

Recipe Details

Create Recipe

Edit/Delete Recipe

---

Home: Users are presented with a random recipe, the ability to view a new random recipe (left arrow), the displayed recipe's comments (comments button), or view full details of the displayed recipe (right arrow).

Sign Up: Users can sign up for an account.

Sign In: Users can sign in.

Profile: Users can view their profile and edit their information. The profile page displays a user's activity, such as created recipes and comments. Users can delete their comments and go to their created recipes from the profile page.

• Profile view:

  

• Edit profile:

  

Search Results: Users can search for recipes by category, cuisine, and ingredient via search in the nav bar and view the search results.

Recipe Details: Users are presented with the full recipe details, along with any recipe reviews, the option to leave a review and rating if user is signed in, and the option to edit the recipe if the user is the recipe's creator.

• Guest view:

  

• Signed in user view:

  

Create Recipe: Signed in users are able to create their own recipes.

• Empty form:

  

• Filled out form:

  

Edit/Delete Recipe: Signed in users are able to edit and delete their recipes.