Giter Club home page Giter Club logo

frubana's Introduction

Frubana System

Frubana dashboard.

Development

Running:

yarn
yarn start

You'll get:

Routes

/region/:region
/order/:order

GraphQL playground

query orders {
  orders {
    _id
    region_code
    routeId
  }
}

query regions {
  regions
}

query ordersByRegionCode($regionCode: String) {
  ordersByRegionCode(regionCode: $regionCode) {
    region_code
    routeId
  }
}

query routes {
  routes
}

query ordersByRouteId($routeId: String) {
  ordersByRouteId(routeId: $routeId) {
    region_code
    products {
      name
      price
      quantity
      total
    }
    routeId
  }
}

query productsByOrderId($orderId: String!) {
  productsByOrderId(orderId: $orderId) {
    name
    quantity
    price
    total
    completed
  }
}

mutation completeProduct($orderId: String!, $productId: String!) {
  completeProduct(orderId: $orderId, productId: $productId) {
    name
    completed
  }
}

subscription onCompleteProduct($orderId: String!, $productId: String!) {
  onCompleteProduct(orderId: $orderId, productId: $productId) {
    name
    completed
  }
}

Query Variables

query ordersByRegion

{
  "regionCode": "BOG"
}

query ordersByRouteId

{
  "routeId": "bcfccef8-c9ae-4879-9fa2-6c68874643e7"
}

query productsByOrderId

{
  "orderId": "2d2dc292-b2d8-4017-9ffd-33e17d4bcc40"
}

mutation completeProduct

{
  "orderId": "2d2dc292-b2d8-4017-9ffd-33e17d4bcc40",
  "productId": "91f77c18-1222-40e2-95d1-d653dd0c3cfa"
}

subscription onCompleteProduct

{
  "orderId": "2d2dc292-b2d8-4017-9ffd-33e17d4bcc40",
  "productId": "91f77c18-1222-40e2-95d1-d653dd0c3cfa"
}

NOTES

TODO

Resources

TODO

  • Create UI

  • Clean up code

  • Ignore schema.graphql

  • Add .env config file to set every environment.

  • Add Docz

  • Add tests

  • Responsive design

  • Add workspace for Mobile package with React Native

  • Pages are fragment queries based on url params: /:order

  • TODO: set ORDER in packages/web/src/Routes.tsx

  • Check with viewport < 768

frubana's People

Contributors

mastersanto avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.