SOURAV-ROY / burger-builder

πŸ” BURGER BUILDER REACT πŸ” REDUX

Home Page:https://burger-banai.web.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

BURGER BUILDER

DEMO

Commands

    create-react-app burger-builder --scripts-version 1.1.5
    npm run eject
    npm install --save prop-types
    npm install --save axios
    npm install --save react-router-dom
    npm install --save redux react-redux
    npm install --save redux-thunk

Folder Structure

BB
β”œβ”€β”€ App.js
|
β”œβ”€β”€ assets
β”‚   └── images
β”‚       └── logo.png
|
β”œβ”€β”€ components
|   |
β”‚   │── Burger
β”‚   β”‚   |
β”‚   β”‚   |── BuildControls
|   |   |   |
|   |   β”‚   |── BuildControl
β”‚   β”‚   |   |   └── BuildControl.js
|   |   |   |
β”‚   β”‚   |   └── BuildControls.js
|   |   |
β”‚   β”‚   |── BurgerIngredients
|   |   |   └── BurgerIngredients.js
|   |   |
β”‚   β”‚   |── OrderSummary
|   |   |   └── OrderSummary.js         
|   |   |      
|   |   └── Burger.js
β”‚   β”‚
β”‚   │── Logo
|   |   └── Logo.js
|   |
β”‚   │── Navigation
|   |   |
β”‚   |   |── NavigationItems
|   |   |   |
β”‚   |   |   |── NavigationItem
β”‚   |   |   |   └─ NavigationItem.js  
β”‚   |   |   |
β”‚   |   |   └── NavigationItems.js
|   |   |  
β”‚   |   |── SideDrawer
|   |   |   |
β”‚   |   |   |── DrawerToggle
β”‚   |   |   |   └─ DrawerToggle.js
β”‚   |   |   └── SideDrawer.js
β”‚   |   |
|   |   └── Toolbar
|   |       └── Toolbar.js
β”‚   β”‚
β”‚   │── Order
|   |   |
β”‚   |   |── CheckoutSummary
β”‚   |   |   └─ CheckoutSummary.js  
|   |   └── Order.js
|   |
β”‚   └── UI
|       |
β”‚       |── BackDrop
β”‚       |   └─ BackDrop.js
β”‚       |── Button
β”‚       |   └─ Button.js
β”‚       |── Input
β”‚       |   └─ Input.js
β”‚       |── Modal
β”‚       |   └─ Modal.js
|       └── Spinner
|           └─ Spinner.js
β”‚    
β”œβ”€β”€ containers
|   |
|   |── Auth
|   |   |
|   |   |── Logout
|   |   |   └─ Logout.js
|   |   └─ Auth.js
|   |
|   |── BurgerBuilder
|   |   └─ BurgerBuilder.js
|   |
|   |── Checkout
|   |   |
|   |   |── ContactData
|   |   |   └─ ContactData.js
|   |   |
|   |   └─ Checkout.js
|   |   
|   └─ Orders
|       └─ Orders.js
|
β”œβ”€β”€ hoc
|   |
|   |── asyncComponent
|   |   └─ asyncComponent.js
|   |
|   |── Layout
|   |   └─ Layout.js
|   |
|   |── ReactAux
|   |   └─ ReactAux.js
|   |
|   └─ WithErrorHandler
|      └─ WithErrorHandler.js
|
β”œβ”€β”€ shared
|   └─ utility.js
|
β”œβ”€β”€ store
|   |
|   |── actions
|   |   |─ actionTypes.js
|   |   |─ auth.js
|   |   |─ burgerBuilder.js
|   |   |─ index.js
|   |   └─ order.js
|   |
|   └── reducer
|       |─ auth.js
|       |─ burgerBuilder.js
|       └─ order.js
|
β”œβ”€β”€ axios-orders.js
|
└── index.js

REACT 😍

About

πŸ” BURGER BUILDER REACT πŸ” REDUX

https://burger-banai.web.app

License:MIT License


Languages

Language:JavaScript 89.1%Language:CSS 9.7%Language:HTML 1.2%