Project aims to create a Recipe App with React.
- Develop a recipe app using with https://api.edamam.com/
Recipe App (folder)
|
|----readme.md
│
├── public
│ └── index.html
├── src
│ ├── components
│ │──────└──Form.jsx
│ │──────└──Header.jsx
│ │──────└──Navbar.jsx
│ │
│ │────pages
│ │──────└──About.jsx
│ │──────└──Details.jsx
│ │──────└──Home.jsx
│ │──────└──Login.jsx
│ │──────└──RecipeCards.jsx
│ ├── App.js
│ ├── index.js
│ └── index.css
├── package.json
└── yarn.lock
Check The Live Website ➡️ Live Website
- I made an App with React-Router.
- I used Tailwincss for styling.
- I get the data with AXIOS.
- I used Link NavLink to redirect to desired pages.
- I learned how to use;
- Components
- useState
- React Router DOM V6
- useNavigate
- useLocation
- useParams
- axios
- import/export
- Props
- React Developer Tool
- Destructuring props
- array map method
- You can use HTML,CSS ,JAVASCRIPT and REACT to complete this project.