Code Monkey home page Code Monkey logo

crud-inventory-system's Introduction

Table Of Contents

DocumentationAboutHow To RunTo Do

Images

STACK SERVER_SIDEGraphqlExpress.jsMySQLSequelizeJoin Monster CLIENT_SIDEReact

Documentation

About

This project is a full-stack application. The front end is made using React. The backend is a REST API that uses GraphQL, Express.js, Sequelize, MySql, Join-Monster, and a few other tools. SQL was chosen in due to its proven ability to be a robust solution for inventory management applications. That being said, SQL is not easily horitontally scalable and so it has trade-offs.

Setup

  • set up a .env file
  • Cd client && npm install
  • Cd Server && npm install
  • Cd Crud-Inventory-System npm install
  • npm run

TO DO:

  • Create configurable dev, stage, and prod enviroments
  • Create tests for sequalize database seeds
  • Clean up unsightly react code
  • Make GraphQL handle communication with the Open Weather API instead of Express.js doing so

STACK

GraphQL

An admitatdly rough implementation of GraphQL used to handle inbound queries. GraphQL offered an easy to implement solution for defining API routes thanks to the simplicity of it's query and mutation handling. Join-monster was used to define SQL queries made to the SQL server that could fetch the data requested of the GraphQL endpoint.

Express

Express.js is the server used to build the backend.

MySQL

The SQL database is populated by the sequelize models defined in the Sequelize/models folder. The current database model is focused on creating an effecient relational model that scales well while proving consistent.

UML Diagram Database was built using

Join Monster

Used to assist in creating dynamic sql queries based on GraphQL query parameters

Images

Adding a warehouse

Adding inventory to a warehouse location

Editing inventory

Deleting inventory

crud-inventory-system's People

Contributors

strawberriesaregreat 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.