Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/creativetimofficial/vue-light-bootstrap-dashboard
Vue Light Bootstrap Dashboard - FREE BOOTSTRAP 4 VUEJS ADMIN TEMPLATE
https://github.com/creativetimofficial/vue-light-bootstrap-dashboard
Last synced: about 1 month ago
JSON representation
Vue Light Bootstrap Dashboard - FREE BOOTSTRAP 4 VUEJS ADMIN TEMPLATE
- Host: GitHub
- URL: https://github.com/creativetimofficial/vue-light-bootstrap-dashboard
- Owner: creativetimofficial
- License: mit
- Created: 2017-10-01T19:00:53.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2024-08-05T11:26:19.000Z (about 1 month ago)
- Last Synced: 2024-08-05T13:17:13.224Z (about 1 month ago)
- Language: SCSS
- Homepage: https://www.creative-tim.com/product/vue-light-bootstrap-dashboard
- Size: 9.69 MB
- Stars: 768
- Watchers: 30
- Forks: 665
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# [Vue Light Bootstrap Dashboard](http://vuejs.creative-tim.com/vue-light-bootstrap-dashboard) [![version][version-badge]][changelog] [![license][license-badge]][license]
> Admin dashboard based on light bootstrap dashboard UI template + vue-router
This project is a vue version of [Light bootstrap dashboard](https://www.creative-tim.com/product/light-bootstrap-dashboard)
designed for vue js. The dashboard includes Bootstrap 4, vue-router, chartist, google-maps and several other plugins/components.Check the [Live Demo here](http://vuejs.creative-tim.com/vue-light-bootstrap-dashboard).
![](public/Dashboard.PNG)
## :rocket: Getting started
Vue Light Bootstrap Dashboard is built on top of Bootstrap 4, Vuejs and Vue-router. To get started do the following steps:
1. Download the project
2. Make sure you have node.js (https://nodejs.org/en/) installed
3. Type `npm install` in the source folder where `package.json` is located
4. Type `npm run dev` to start the development serverThe repo uses [vue-cli](https://github.com/vuejs/vue-cli) scaffolding which takes care of the development setup with webpack and all the necessary modern tools to make web development faster and easier.
## Deploy
:rocket: You can deploy your own version of the template to Genezio with one click:
[![Deploy to Genezio](https://raw.githubusercontent.com/Genez-io/graphics/main/svg/deploy-button.svg)](https://app.genez.io/start/deploy?repository=https://github.com/creativetimofficial/vue-light-bootstrap-dashboard&utm_source=github&utm_medium=referral&utm_campaign=github-creativetim&utm_term=deploy-project&utm_content=button-head)
## [Documentation](https://demos.creative-tim.com/vue-light-bootstrap-dashboard/documentation/#/buttons)
## :cloud: Build Setup
### install dependencies
`npm install`
### serve with hot reload at localhost:8000
`npm run dev`
### build for production with minification
`npm run build`
### run unit tests
`npm run unit`
### run and watch unit tests
`npm run unit:watch`
## :clipboard: Contribution guide
- `npm install` or `yarn install`
- Please don't use jQuery or jQuery based plugins since there are many pure Vue alternativesFor detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
[changelog]: ./CHANGELOG.md
[license]: ./LICENSE.md
[version-badge]: https://img.shields.io/badge/version-2.1.0-blue.svg
[license-badge]: https://img.shields.io/badge/license-MIT-blue.svg