kenhoff / barfly-web

Burlock frontend

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

burlock-web

The part that serves the pages

Pipeline

development --> staging --> master

On the development branch, BURLOCK_API_URL specified in .env.

On the staging branch, BURLOCK_API_URL points to https://api-staging.burlockorders.com.

On the master branch, BURLOCK_API_URL points to https://api.burlockorders.com.

Building

Build everything: npm i

Build and run tests: nodemon --exec 'npm test -- --bail' -e jsx

Run development server: npm run dev

Component Hierarchy

  • Provider (for Redux)
    • MainRouter
      • Main
        • App
          • Orders (list of all orders in a bar)
            • OrderListItem (multiple)
              • ProductOrderSummaryItem (multiple)
          • Order (individual order, sent or unsent)
            • if Order is sent:
              • SentOrderContents
              • SentOrderMessages
            • if Order is unsent:
              • OrderNav
                • (searching)(not a separate component)
                • ShoppingCart
              • ProductList (multiple)
                • ProductCard (multiple)
                  • DistributorField
                    • if there's a distributor for the product:
                    • DistributorName
                    • ChangeDistributorModal
                    • DistributorSelect
                    • if there's no distributor for the product:
                    • AddDistributorModal
                    • DistributorSelect
                  • RepField
                    • DistributorName
                    • if there's a rep on the account:
                    • AddRepModal
                    • DistributorName
                    • if there's no rep on the account:
                    • DistributorName
                    • AddRepModal
                    • DistributorName
                  • SizeList
                    • QuantityInputWithSize (multiple)
                    • NewSizeForm
                    • AddNewSizeModal
                    • ContainerSelect
                    • PackagingSelect
              • OrderNavBottom (button to create new product)
              • NewProductModal
        • Account

About

Burlock frontend


Languages

Language:JavaScript 96.3%Language:HTML 2.0%Language:CSS 1.7%