Material-based administrator website using Vue.js, Vuetify, and Vuex. This website is written in Node.js and using some libraries or frameworks like Vue.js as the client-side framework, Vuetify as the Material Design component framework, and Vuex as the state management library. This website could be used to manage the database for administrators, show statistics using Chart.js, and input data from the scanned QR code using JsQR.
We created this project as part of the Smart Tourism project that consists of several parts like REST server, card scanner device, administrator website, and location's direction app. Smart Tourism project is a system for smart tourism that improves the impression of tourism sites using an electronic card to enter and exit locations, a website that monitors and show statistic for each location, and AR app for visitors to show location's direction. This project is undertaken to fulfill the Telematics Projects course in the Computer Engineering department of Sepuluh Nopember Institute of Technology.
- Install Node.js as in their official guide.
As an alternative, you may install Node.js using the NVM.
- Install Yarn as in their official guide.
If you don't want to use Yarn, you may skip this step and use NPM instead.
- Open this project directory in terminal, and initialize the dependencies.
$ yarn install
- Compiles and hot-reloads to serve the website for development.
$ yarn serve
As an alternative, you may compiles and minifies for production using
$ yarn build, then serve it as a static page using serve.