Compose a meal with what's left in your fridge!
This app allows users to log in and search ingredients that they have on hand (or would like to cook with). Then the app returns several recipes that include those ingredients with the option to save each recipe to the user's dashboard. This also offers an inspirations page which will offer some random recipes to try out!
This application was built using the MERN stack, including Node.js, Express, MongoDB, Mongoose and GraphQL as backend technologies, ApolloServer, and React as well as Javascript, React-Bootstrap framework and Css for front-end technologies. The Tasty API was utilized for recipes.
AS AN avid cooker and personal chef
I WANT to use an app that can offer recipe options and creations based on the ingredients I already have
SO THAT I can cook a meal without having to run out to the store
GIVEN a single-page application for virtually any user
WHEN I load the page
THEN I am prompted to create an account or sign in
WHEN I view the homepage
THEN I am presented with a header consisting of these sections: Home, My Dashboard, Inspirations, Logout
WHEN I view the Home page (for any user, guest or member to use)
THEN I am given an input field to enter ingredients that I have one at a time
WHEN I view My Dashboard (account members only)
THEN I am shown my previous recipe options
WHEN I view Inspirations
THEN I am presented with random options of recipes from the database(or API)
WHEN I Logout
THEN my account is signed out
If developer wants to run the application from their own server, they can copy the application and run "npm i" in the root folder.
When the user navigates to the deployed product, they can enter a single ingredient or multiple incregredients they have on hand and receive a list of recipes that include those ingredients. When they click on the recipe, they will get a detailed list of other ingredients, amounts, and recipe instructions. The user has the option to create an account, and when they log in, they can save their favorite recipes. If the logged-in user needs some inspiration, they can click on the inspiration tab and receive either a list of random dinner recipes or dessert recipes.
This app applies: React, GraphQL, Mongoose, MongoDB, React-Boostrap
Link to website: https://young-shelf-43673.herokuapp.com/
Link to GitHub repo: https://github.com/travisramcharran/recipe-gen
Travis Ramcharran
TJ DeGirolamo
Chris P. O'Brien
Samantha Haberman