Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/arunkumar-ms/react-mongo-graphql-redux-reactrouter
Reactjs , MongoDb, GraphQL , Redux and React-Router : what else ...??
https://github.com/arunkumar-ms/react-mongo-graphql-redux-reactrouter
circleci express graphql heroku mongodb pm2 react-router reactjs redux webpack
Last synced: about 1 month ago
JSON representation
Reactjs , MongoDb, GraphQL , Redux and React-Router : what else ...??
- Host: GitHub
- URL: https://github.com/arunkumar-ms/react-mongo-graphql-redux-reactrouter
- Owner: Arunkumar-MS
- Created: 2017-02-03T11:45:57.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2022-12-07T04:16:16.000Z (about 2 years ago)
- Last Synced: 2024-04-14T16:01:43.302Z (8 months ago)
- Topics: circleci, express, graphql, heroku, mongodb, pm2, react-router, reactjs, redux, webpack
- Language: JavaScript
- Homepage: https://node-mongo-graphql.herokuapp.com/
- Size: 1.62 MB
- Stars: 10
- Watchers: 4
- Forks: 2
- Open Issues: 37
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[![CircleCI](https://circleci.com/gh/Arunkumar-MS/react-Mongo-GraphQL-Redux-ReactRouter.svg?style=shield&circle-token=b6389fead1f9c1382dccd43ded19e21948084080)](https://circleci.com/gh/Arunkumar-MS/react-Mongo-GraphQL-Redux-ReactRouter)
[![All Contributors](https://img.shields.io/badge/all_contributors-3-orange.svg?style=flat-square)](#contributors-)
# All great things combined together
Back End:
* Data storage : MongoDB (mlab)
* Server Side : NodeJS
Client and Server communication
* GraphQLClient Side:
* View : ReactJS
* Routing : React-Router
* Data Flow : ReduxJS
Bundler:
* Webpack
Java Script Standard:
* ES6
Hosting
* Heroku###For Live website Demo please visite : [Click me](https://node-mongo-graphql.herokuapp.com/)
###For Live GraphQL Demo please visite : [Click me](https://node-mongo-graphql.herokuapp.com/api)
Simple GraphQL query
`query { Products { id, title } }`
## Steps to Runing locally
1) npm i or yarn
2) npm run start or yarn run start
3) goto http://localhost:4000/
Note: Make sure you have installed webpack globally or you can do it by just running
`npm i -g webpack`.
To enable delete button make sure you Edit `/config/index.js ---> DisableDelete = false`
## Contributors ✨
Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
Rakesh Nayak
💻 📖 ⚠️
Ragu
💻 📖 ⚠️
Arunkumar
💻 📖 ⚠️
This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!