https://github.com/harryho/ng4crm
A reuseable CRM project for real-world business based on Angular 4, Angular-Material & Bootstrap 3.
https://github.com/harryho/ng4crm
angular angular-material angular4 bootstrap3 crm reusable-app
Last synced: 5 months ago
JSON representation
A reuseable CRM project for real-world business based on Angular 4, Angular-Material & Bootstrap 3.
- Host: GitHub
- URL: https://github.com/harryho/ng4crm
- Owner: harryho
- License: mit
- Created: 2017-07-01T14:40:14.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2018-05-16T01:43:20.000Z (almost 8 years ago)
- Last Synced: 2025-01-31T22:22:33.213Z (about 1 year ago)
- Topics: angular, angular-material, angular4, bootstrap3, crm, reusable-app
- Language: TypeScript
- Homepage:
- Size: 491 KB
- Stars: 56
- Watchers: 10
- Forks: 28
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Angular CRM
## __**Warning! This repository is no longer maintained. Please check out the new one. [ng-md-app](https://github.com/harryho/ng-md-app.git) is built on the latest Angular and Materail Design.**__
> A reusable CRM starter project for real-world business based on Angular 4, Angular-Material & Bootstrap 3.
This project starts from a popular starter project [AngularClass/AngularStarter](https://github.com/AngularClass/angular-starter). The goal of this project is to create reusable project for real-world business. To achieve this target, we need a solution which includes simple authentication process, restful API feature with token support and simple but elegant UI design.
#### Features
* This project is built on the top of AngularClass/Angular-Starter.
* The UI part of this project combine Angular-Material and Bootstrap 3. The components from Angular-Material is very limited, and ng-bootstrap for Angular 4 was at Alpha version when I started this project, so I combine some Bootstrap 3 in this project to build the UI.
* This project includes ng-charts, pagination, progress-bar, confirmation dialog, etc. features.
* It uses Json-Server as fake Restful API. (You can simply replace it with your own API)
* CRUD functions for Customer, Order and Product.
#### Live Demo
[Demo App](https://angular-app-demo.harryho.org): The demo is just a proof of concept. It doesn't have back-end API and all features of master branch.
#### Screenshots
## Build & Setup
``` bash
# Clone project
git clone https://github.com/harryho/ng4crm.git
# prepare Json-Server as fake Restful API
cd ng4crm
# WINDOWS only. In terminal as administrator
npm install -g node-pre-gyp
# install the packages with npm
npm install
# start the app
npm start
# serve with hot reload at localhost:3000
npm run dev
## You will see the following output. You can test the API with 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
##
## ...........................
## ...........................
## [at-loader] Checking started in a separate process...
## [at-loader] Ok, 0.002 sec.
# Access the Reetek Angular 4 CRM at localhost:3000
```
# Welcome to fork or clone!
For detailed explanation on how things work, checkout following links please.
* [angular](https://angular.io/)
* [angular-material](https://material.angular.io/)
* [bootstrap](http://getbootstrap.com/)
* [ng-charts](https://github.com/valor-software/ng2-charts)
#### Alternatives
There are two similar projects respectively built on the Vue.js and React. If you have interests in those technical stacks. You can find and clone those repositories below.
* [Vue2Crm](https://github.com/harryho/vue2crm.git).
* [React-Crm](https://github.com/harryho/react-crm.git).