Responsive Bootstrap 3 Admin Template based on AdminLTE with vue.js
Clone or download
misterGF Most of our windows users have been having issues with the node-saas …
…package and I decided to remove it as a devdependency in the base project. Also fixed datatables.
Latest commit 9fed7a3 Aug 31, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build Fix test unit run: example spec on 404 component Jun 13, 2017
config Fix for charts on dashboard and some build updates for vuejs 2.0 Nov 5, 2016
src Most of our windows users have been having issues with the node-saas … Aug 31, 2018
static Changed CoPilot logo to svg. No more pixeled logo! Mar 19, 2017
test Merge pull request #55 from cruzzan/fix/fix-e2e-tests Oct 2, 2017
.babelrc Update project based on a Vue CLI v2.8.1 webpack project as reference Mar 26, 2017
.dockerignore Added travis and appveyor. Dependancy fixes May 12, 2017
.editorconfig Updated prereqs with vue.js Mar 31, 2016
.eslintrc.js Adjustments to login page to simplify it. Feb 8, 2018
.gitignore Added style to fix wiggles in dashbaord issue #18 Jun 1, 2018
.netlify Adjusted build scripts to work with vuejs 2 Nov 4, 2016
.travis.yml Added travis and appveyor. Dependancy fixes May 12, 2017
README.md Adjusted travisCI url May 12, 2017
_redirects Added a _redirects file for netlify to properly load subpages if a us… Apr 12, 2017
appveyor.yml Adjustments to appveyor.yml May 12, 2017
index.html Added style to fix wiggles in dashbaord issue #18 Jun 1, 2018
package-lock.json Most of our windows users have been having issues with the node-saas … Aug 31, 2018
package.json Most of our windows users have been having issues with the node-saas … Aug 31, 2018
yarn.lock Added geckodriver to fix e2e in firefox Aug 17, 2017

README.md

CoPilot is a fully responsive admin template that is forked from AdminLTE. The difference here is that this repo is tailored to use with Vue.js. The UI is based on the Bootstrap 3 framework. Highly customizable and easy to use. Fits many screen resolutions from small mobile devices to large desktops.

✈️️ Take it for a spin.

Build Status Build status

"CoPilot Screenshot"

In an attempt to keep the project clean I have not included every plugin/feature that AdminLTE offers. You simply need to add the plugin in the /static/js/plugin folder to include them or use npm. I've included the popular ones.

The structure of the app is scaffolded by vue-cli. Which is a simple CLI tool that setups our environment. CoPilot uses the webpack package. So we get a full-featured Webpack + vue-loader setup with hot reload, linting, testing & css extraction.

We leverage all the goodies that vue.js offers. Vue-Router for routing. Vue-Resource for AJAX calls. Vuex for state management. This project is using VueJS 2.0! Earlier versions can be found under the vue 1.0 branch.

I also recommend that you install vue-devtools for Chrome so that you can easily inspect that state of vue. vue-devtools

The data that is being pulled uses faker.js to make it dynamic. This is for demo purposes. Look for demo.* for information that is generated dynamically.

Installation

Installing CoPilot is easy.

Download:

Download from Github

Using The Command Line:

git clone https://github.com/misterGF/CoPilot.git

Build Setup

# install dependencies
sudo npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

Documentation

Depending on the component you are working on you should have the following links handy.

Information and tips about CoPilot can be found in the wiki.

Browser Support

  • IE 9+
  • Firefox (latest)
  • Chrome (latest)
  • Safari (latest)
  • Opera (latest)

Contribution

Contribution are always welcome and recommended! Here is how:

  • Fork the repository (here is the guide).
  • Clone to your machine git clone https://github.com/YOUR_USERNAME/CoPilot.git
  • Make your changes
  • Create a pull request

TODOS

The purpose of this project is to provide a full example of how to leverage Vue. If you find anything that can be Vue-ified please send me a PR.

License

CoPilot is an open source project by Gil Ferreira that is licensed under MIT.

Image Credits

Pixeden

Graphicsfuel

Pickaface

Unsplash

Uifaces