Summary#
React-Crm is reusable CRM starter project for real-world business based on React 15.4, React-Redux & Material-UI.
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 authentication process, restful API feature with token support and simple but elegant UI design.
Features#
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 backend API.
It uses Json-Server as fake Restful API. (You can simple replace it with your own API)
Structure of React-Crm#
path\to\ng4crm
+---config <-// configuration of dev or prod environment
+---db <-// json files for json-server
| +---db.json <-// dummy db
| \---routes.json <-// configure fake restful api
+---screenshots
+---src <-// vue components
| +---app
| | +---_gurad <-// auth guard for authentication
| | +---_models <-// common models for whole app
| | +---_services <-// common services for whole app
| | +---about <-// about component
| | +---customer <-// customer component
| | +---dashboard <-// dashboard component
| | +---notfoundpage <-// notfoundpage component
| | +---login <-// login component
| | +---order <-// customer component
| | +---root <-// root component
| | +---shared <-// common component for whole app
| | +---app.component.ts
| | +---app.module.ts
| | +---app.routes.ts
| | +---app.services.ts
| | +---environment.ts
| | \---...
| +---assets <-// images and css from third parties
| +---styles <-// customized css files
| +---main.browser.aot.ts
| +---main.browser.ts
| +---polyfills.browser.ts
| \---...
\...Screenshots#
Browse Repository#
Alternatives#
There are 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 projects below.