/burger-builder

🍔 BURGER BUILDER REACT 🍔 REDUX

Primary LanguageJavaScriptMIT LicenseMIT

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 😍