Vue admin panel

Overview

vue-adminlte is administration panel based on Vue.js, AdminLTE bootstrap template, and Element-UI, UI Toolkit. Many Javascript code is base on vue-element-admin. The current version is v1.0.0 build on webpack 3+. This version not support Vue I18n internationalization plugin for Vue.js. If you need it, please use lang Branch.

Live demo

Preview

Preparation

You need to install node locally.

Integral parts of this project:

• Vue

• AdminLTE 3

• Vuex

• Vue-router

• Axios

• Element-UI - components

• Miragejs.com - fake Backend (login & register users)

• Faker.js - simulated data

• Vue I18n - internationalization plugin for Vue.js

• Webpack

• Bootstrap

• jQuery

Understanding and learning these knowledge in advance will greatly help you on using this project.

Project setup

With yarn or npm

# install dependencies
npm install 

# serve with hot reload for development (developer mode, autocompile with browsersync support for live demo)
npm run start 
This will automatically open http://localhost:8080

# build for production with minification (compile css/js files)
npm run build

# build for production and view the bundle analyzer report 
npm run build --report

# run faker server
npm run server

# run dev server and faker server
npm run start-both

# generate faker products, people, users
npm run json-products
npm run json-people
npm run json-users

# Generate all svg components
npm run svgo

# run e2e tests
npm run e2e

# run all tests
npm test

Features

- Autentication
  - Register / Login / Logout
  - Validation data for login & register
  - User Registration & Login system in Miragejs (simulated Backend)

- Permission Authentication
  - Page permission
  - Directive permission
  - Permission configuration page
    
  - Multi-environment build
    - Dev / Prod
    
  - Global Features
    - Control sidebar for admiLte settings
    - Full customized AdminLTE sidebar    
    - Customized Admilte colors, text
    - Customized control sidebar
    - Dark and light styles custom themes
    - Customized navbar components       
    - Right panel for menage users accounts
    - Customized settings for groups of routes (makeCollections)
    - Layout options (AdmiLte layouts & vue-body-class)
    - Dynamic sidebar (supports multi-level routing)
    - Menu base on ElementUi menu components
    - Vue UI components base on AdminLte code (in build)
    - Settings - settings.js / local storage / cookie
    - Faker data / Faker server
    - Miragejs data / fake Backend
    - Api services / axios & fetch 
    - Api proxy json-server
    
  - Other components  
    - Back To Top
    - Breadcrump
    - Dynamic Breadcrumb    
    - Sticky
    - Svg icons
    - Search
    - Clipboard
    - Screenfull   
    - JSON Editor
    - Error Logs 
          
  - Error Pages
    - 401
    - 404

Browsers support

Modern browsers and Internet Explorer 10+.

Contribution

Contribution are always welcome and recommended.

• Fork the repository (here is the guide).

License

MIT.

Copyright (c) 2019-present Krzysztof Owczarek