A reusable Vue.js CRM starter project for real-world business based on Vue 2 PWA template with Vuetify.
The goal of this project is to create a reusable project for real-world business. To achieve this target, we need a solution which includes authentication process, restful API feature and simple but elegant UI design.
There is another similar project built on the top of Angular 4. If you have insterest in it, please check it out from here
- This project is built on the top of Vue 2 PWA template.
- The UI is built on the top of Vuetify
- It uses Vuex, Axios as well to manage authentication. (Dummy token)
- It uses vue-chartjs to create charts on dashboard
- It uses Json-Server as fake Restful API. (You can simple replace it with your own API)
There are two similar projects respectively built on the Angular and React. If you have interests in those technical stacks. You can find and clone those repositories below.
# Clone project
git clone https://github.com/harryho/vue2crm.git
# prepare Json-Server as fake Restful API
## clone json-server to folder server
cd vue2crm
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
##
## Home
## http://localhost:5354
# install dependences for Vue 2 CRM
cd ..
npm install
# serve with hot reload at localhost:8080
npm run dev
For detailed explanation on how things work, checkout following links