Skip to content

Oksanka25/EatLiveEnjoy-Frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

About the Project

EatLiveEnjoy is a website where you can find various recipes just like in your grandma cook book but much easier to navigate. You can read, edit, and delete a recipe and add a new recipe. Each particular recipe includes nutrition information for your convenience.

Deployment

Author

Oksana Kalyniak

Built With

  • HTML
  • CSS
  • Javascript
  • React
  • Node.js
  • Express
  • MongoDB
  • Mongoose
  • Bootstrap
  • Grid

Link to the API that was used as a seed data for the backend

https://developer.edamam.com/edamam-docs-recipe-api

User Stories

  • As a user, I should be able to search a recipe by the ingredient name or name of the dish.
  • As a user, I should be able to open the recipe I’m interested in and get more expanded information (image, ingredients, nutrition facts).
  • As a user, I should be able to add a new recipe.
  • As a user, I should be able to edit or delete the recipe.
  • As a user, I should be able to have a return button from the recipe page.
  • As a user, I should be able to have a search option not only on the home page but also on the search results page.

MVP Goals

  • Have a search that works;
  • Show a few random dish images on the home page;
  • Have a separate show page for each recipe;
  • Can edit and delete a chosen recipe;
  • Can add a new recipe.

Stretch Goals / Future Goals

  • Have an auth to create an account and login;
  • Can save a recipe to the favorite list;
  • Have a search with dropdown options like cuisine, diet, allergies, etc.

Images

image image