Git Product home page Git Product logo

react-node-mongodb-inventory's Introduction

Inventory Manager using React, Redux, Semantic UI, Node.js, Express.js and MongoDB

An Inventory Manager App which has been implemented in React/Redux Stack. Entire Project has been implemented in ES6 and Webpack 2 is used to bundle the entire source code.

This App manager Add/Update/Removal of Product Inventories, along with Necessary User Access Control between a Department Manager and Store Manager.

Tech

This Project uses a number of open source projects to work properly:

  • React - React is a JavaScript Library from Facebook for Building User Interfaces
  • Redux - Predictable state container for JavaScript apps
  • Semantic UI React - Semantic UI is a development framework that helps create beautiful, responsive layouts using human-friendly HTML.
  • Redux-Form - The best way to manage your form state in Redux.
  • Redux-Thunk - Thunk middleware for Redux
  • axios - Promise based HTTP client for the browser and Node.js
  • Node.js - evented I/O for the backend
  • MongoDB - MongoDB is a free and open-source cross-platform document-oriented database program.

Installation

This Project requires Node.js v4+ to run.

Install the dependencies and devDependencies and start the server.

$ cd react-node-mongodb-Inventory/server
$ npm install
$ npm start
$ .
$ ..
$ cd react-node-mongodb-Inventory/client
$ npm install
$ npm start

Open the Web Server (http://localhost:4000/) to check out the Project

react-node-mongodb-inventory's People

Contributors

praneshkmr avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar

Forkers

lawanfalalu ksanchezcld cpemberton moafzalmulla ameerazam0 vamshi399 ali3bdalla abdelali12-codes tawanda-profuse craigforneris qasmi2 edms-tam bmapilote danieljou

react-node-mongodb-inventory's Issues

Error 404

I changed the URL of LOGIN with a server that doesn't exist for trying. Then, the request is always loading because it doesn't find the server... I'm closing the tab, restarting npm, killing the process but it's always loading. The only way is to install other browser.

Do you know if it's because redux persist or something like that?

[HMR] Waiting for update signal from WDS...
webpack:///./node_modules/redux-logger/dist/redux-logger.js?:1 action persist/REHYDRATE @ 23:13:36.223
webpack:///./node_modules/redux-logger/dist/redux-logger.js?:1 prev state Object
webpack:///./node_modules/redux-logger/dist/redux-logger.js?:1 action Object
webpack:///./node_modules/redux-logger/dist/redux-logger.js?:1 next state Object
webpack:///./node_modules/redux-logger/dist/redux-logger.js?:1 action @@router/LOCATION_CHANGE @ 23:13:36.227
webpack:///./node_modules/redux-logger/dist/redux-logger.js?:1 prev state Object
webpack:///./node_modules/redux-logger/dist/redux-logger.js?:1 action Object
webpack:///./node_modules/redux-logger/dist/redux-logger.js?:1 next state Object
webpack:///./node_modules/redux-logger/dist/redux-logger.js?:1 action @@router/LOCATION_CHANGE @ 23:13:36.235
webpack:///./node_modules/redux-logger/dist/redux-logger.js?:1 prev state Object
webpack:///./node_modules/redux-logger/dist/redux-logger.js?:1 action Object
webpack:///./node_modules/redux-logger/dist/redux-logger.js?:1 next state Object
webpack:///./node_modules/redux-logger/dist/redux-logger.js?:1 action @@redux-form/UPDATE_SYNC_ERRORS @ 23:13:36.242
webpack:///./node_modules/redux-logger/dist/redux-logger.js?:1 prev state Object
webpack:///./node_modules/redux-logger/dist/redux-logger.js?:1 action Object
webpack:///./node_modules/redux-logger/dist/redux-logger.js?:1 next state Object
webpack:///./node_modules/redux-logger/dist/redux-logger.js?:1 action @@redux-form/REGISTER_FIELD @ 23:13:36.256
webpack:///./node_modules/redux-logger/dist/redux-logger.js?:1 prev state Object
webpack:///./node_modules/redux-logger/dist/redux-logger.js?:1 action Object
webpack:///./node_modules/redux-logger/dist/redux-logger.js?:1 next state Object
webpack:///./node_modules/redux-logger/dist/redux-logger.js?:1 action @@redux-form/REGISTER_FIELD @ 23:13:36.263
webpack:///./node_modules/redux-logger/dist/redux-logger.js?:1 prev state Object
webpack:///./node_modules/redux-logger/dist/redux-logger.js?:1 action Object
webpack:///./node_modules/redux-logger/dist/redux-logger.js?:1 next state Object
client:77 [WDS] Hot Module Replacement enabled.
2:4000/favicon.ico:1 Failed to load resource: the server responded with a status of 404 (Not Found)

Thank you for all!

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.