Web-based Inventory and Transaction Management Software
This app implements basic requirements for a web-based, inventory management tool. Allowing end users to track fundamental metrics and information related to products, customers, and transactions.
These objects and actors are encapsulated in a custom GraphQL service; which helps define a strict type system for these abstractions, around which custom interfaces for querying and mutating related data can be created using plain JavaScript.
These CRUD-like operations can be auto-generated from the schema and linked to a hosted SQL database with "Backend-as-a-service" tools like Graphcool or AWS App Sync. The resulting "GraphQL server" becomes an API which can be consumed by web clients, and is optimized for lightweight networking and relationship-rich data.
This method of API generation is ideal for rapid prototyping, as the API can be quickly iterated on through changes to the underlying schema. Furthermore the interface abstracts away the database access layer, allowing for future infrastructure changes and integrations that will not easily break existing code.
In concert with "GraphQL client" libraries, which provide networking configuration, data caching, and frontend framework bindings; this development strategy provides a robust set of tools that enable "full-stack" development unified through GraphQL and unimpeded by laborious devOps requirements.
- React
- React Router
- Apollo Client - React (suite of GraphQL client tooling built on Redux)
- Semantic UI React
- Graphcool (managed GraphQL server platform)
Disclaimer : The contents of these application screenshots represents a demo implementation used in product discovery for a licensed cannabis delivery service. Generic data is used and does not represent any real entities or transactions.
- New Order Components ( root -> NewOrder.js)
- Shared state through nested, controlled components
- Date and time managed with Moment.js and React-DatePicker
- Shopping Cart modeled with Immutable.js List
- Login Component
- Token persisted in localStorage
- Requests authorized through Apollo Client middleware
- RegEx validated input
