Recipe App

Check The Live Website ➡️ Live Website

Description

Project aims to create a Recipe App.

Visualization of the Website

Project Skeleton

005 - Recipe App (folder)
|
|----readme.md         # Given to the students (Definition of the project)
SOLUTION
├── public
│     ├── favicon.ico
│     └── index.html
├── src
│    ├── Animation.gif
│    ├── components
│    │       ├── cards
│    │       │     └── Cards.jsx
│    │       └── nav
│    │             └── Navbar.jsx
│    ├── pages
│    │       ├── about
│    │       │     └──  About.jsx
│    │       ├── details
│    │       │     └──  Details.jsx
│    │       ├── login
│    │       │     └──  Login.jsx
│    │       ├── logout
│    │       │     └──  logout.jsx
│    │       ├── register
│    │       │     └──  register.jsx
│    │       └── home
│    │             └── Home.js
│    ├── assets
│    │       ├── constella.ttf
│    │       ├── home.svg
│    │       └── default-image.jpg
│    ├── router
│    │       ├── PrivateRouter.jsx
│    │       └── AppRouter.jsx
│    ├── App.js
│    ├── App.css
│    ├── index.js
│    └── index.css
├── package.json
└── yarn.lock

Used in this project

👉 I mastered ReactJS (Router, PrivateRouter, axios, useState, Props, Hook, Postman, Navigate), HTML, CSS, Local Storage, Bootstrap and Javascript features in this project. You can see the visual representation of the website above.