Food Order App

 
  Click to Visit WebPage  
 

Directory Structure

src
|
|-- assets
|   `-- meals.jpg
|
|-- components
|   |
|   |-- Cart
|   |   |-- Cart.jsx
|   |   |-- Cart.module.css
|   |   |-- CartIcon.jsx
|   |   |-- CartItem.jsx
|   |   |-- CartItem.module.css
|   |   |-- Checkout.jsx
|   |   `-- Checkout.module.css
|   |
|   |-- Layout
|   |   |-- Header.jsx
|   |   |-- Header.module.css
|   |   |-- HeaderCartButton.jsx
|   |   `-- HeaderCartButton.module.css
|   |
|   |-- Meals
|   |   |
|   |   |-- MealItem
|   |   |   |-- MealItem.jsx
|   |   |   |-- MealItem.module.css
|   |   |   |-- MealItemForm.jsx
|   |   |   `-- MealItemForm.module.css
|   |   |
|   |   |-- AvailableMeals.jsx
|   |   |-- AvailableMeals.module.css
|   |   |-- Meals.jsx
|   |   |-- MealsSummary.jsx
|   |   `-- MealsSummary.module.css
|   |
|   `-- UI
|       |-- Card.jsx
|       |-- Card.module.css
|       |-- Input.jsx
|       |-- Input.module.css
|       |-- Modal.jsx
|       `-- Modal.module.css
|
|-- store
|   |-- CartContext.js
|   `-- CartProvider.jsx
|    
|-- App.jsx
|-- index.css
`-- index.js

Building from Source

• Fetch latest source code from master branch.

rajput-hemant@arch:~$ git clone https://github.com/rajput-hemant/food-order-app

• Run the app with VS Code or the command line:

rajput-hemant@arch:~$ cd food-order-app
rajput-hemant@arch:~/food-order-app$ npm install
rajput-hemant@arch:~/food-order-app$ npm start

Course: Udemy: React - The Complete Guide (incl Hooks, React Router, Redux)

Instructor: Academind by Maximilian Schwarzmüller

Contributors:

Note: It may take up to 24h for the contrib.rocks plugin to update because it's refreshed once a day.