/Nona-Recipes

Recipes and memories from Nona's cooking recipes

Primary LanguageJavaScript

My Grandma recipies

Process:

Create a project in react, might create it using the terminal (Optional) npx create-react-app and "name of the project"

Delete files that are not needed (Clean the boiling plate)

Get an API where we get data to work from.

Note Credict to:

I am using Spoooacular Website to fetch API (ending point) and a key.

See Spoonacular

Create components:

Category.jsx, Search.jsx, Traditional.jsx, Veggie.jsx as we go.

Then use effect to fetch data inside Traditional and Veggie components.

Create .env to save sensitive informatio such as our API key.

Create Pages:

We will be using routes, so import libraries accondingly. Cuisine, Home, Pages (Set routes inside this component.), Recipe, Searched.

Add Functionality

Get react-icons

Routing

Then work on Animation

Tech Used:

  • Express.js
  • Node.js
  • React.js

See Express

See Node.js

See React.sj

Deployment:

We will be using GitHub About to create a web.

Demo