A reusable CRM project for real-world business based on React 15.4, React-Redux & Material-UI
This is the very first version, feel free to use for any app. Contributions are always welcome!
The goal of this starter project is to create reusable project for real-world business. To achieve this target, we need a solution which should include simple authentication process, restful API with token support and simple but elegant UI design.
- This project is built on the top of React/Redux.
- The UI part of this project uses Material-UI.
- This project uses Redux-Thunk to support back-end API.
- To simulate real-world business, this starter project chooses Json-Server as fake Restful API. (You can simple replace it with your own API)
- CRUD functions for Customer, Order, Product
# Clone project
git clone https://github.com/harryho/react-crm.git
# prepare Json-Server as fake Restful API
## clone json-server to folder server
cd react-crm
git clone https://github.com/typicode/json-server.git server
cd server
npm install json-server
## replace db.json and routes.json files
copy /Y ..\db\*.json
## start json-server
json-server -p 5354 db.json
## You will see the following output. You can test the URLs via browser.
##
## \{^_^}/ hi!
##
## Loading db.json
## Done
##
## Resources
## http://localhost:5354/token
## http://localhost:5354/customers
## http://localhost:5354/orders
## http://localhost:5354/products
## http://localhost:5354/categories
##
## Home
## http://localhost:5354
# install dependences for Reetek React CRM
cd ..
# install the repo with npm
npm install
# start the server with hot reload at localhost:4000
npm run start
# Visit the app at [http://localhost:4000](http://localhost:4000)
For detailed explanation on how things work, checkout following links please.
There are another two similar projects respectively built on the Vue.js and Angular. If you have interests in those technical stacks. You can find and clone those repositories below.