Recipe Website

This site is for people to view and create or delete their recipe online.

User Story

• As a user I want to be able to check available recipe on the site and share my own recipe on there, If I made a mistake I would be either delete the post or edit the post

Our Story

• We utilized nested components (index > card > buttons) and approached it by building a wireframe to agree on a layout, set a schedule of milestones to hit each day and divided the work by backend/frontend and then by component. At first it was a problem getting the edit button to render changes on the browser on one click but we realized there was a missing prop needed to update the page.

Installation

Install my-project

Front end

    "axios": "^1.3.4",
    "bootstrap": "^5.2.3",
    "react": "^18.2.0",
    "react-bootstrap": "^2.7.2",
    "react-dom": "^18.2.0",
    "react-scripts": "5.0.1",
    "web-vitals": "^2.1.4"

Back end

    "cors": "^2.8.5",
    "dotenv": "^16.0.3",
    "express": "^4.18.2",
    "mongoose": "^7.0.1"

Authors

• Phat Phi Ca
• Max Dickinson
• Dominic Mena
• Sydney Clark

live link to project

Front end https://recipefrontend.onrender.com/ Back end https://recipebackend-oe7c.onrender.com/recipes