Thanks to visit codestin.com
Credit goes to github.com

Skip to content

responsive sidebar using vue.js with ability to change theme

Notifications You must be signed in to change notification settings

vuejsadmin/vue-pro-sidebar

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Vue Pro Sidebar

A responsive sidebar template version of the HTML pro side bar which has a configuration of files structure and Vue ecosystem including Vuex and Vue-router (with code splitting feature) it's developed using Vue-cli 3, it's serves as starter and saves your time when you launch a new project.

Original versions made by Azouaoui Mohamed Check HTML version And Angular version

And React version developed by bRIMOs

Screenshots

Vue Pro Sidebar 1

Vue Pro Sidebar 2

Demo

Live Demo

Quick start

Clone the project and go to its root and run

npm install

npm run serve

Navigate to http://127.0.0.1:8080/.

Resources

This app doesn't use any CSS framework or assets provider.

Directory structure

-src
 |_@use // it contains composition functions (from composition api plugin)
 |_assets  // it contains images, fonts ...
 |_components // reusable components like buttons, dropdowns ...
 |_directives // where you define your custom directives
 |_layout    // the page layout which contains header,sidebar and main content
 |_routes    // where you define the router and the different navigation routes
 |_store     // it contains the global Vuex store
 |_styles   // it contains the CSS and SCSS files
 |_utils    // where you define the global function helpers
 |_views    // the pages and routes which should be shown in  the main content
 |_app.scss  // it contains common and global style
 |_app.vue   // the root component
 |_main.js  // it defines the vue instance and uses the different plugin 

License

This code is released under the MIT license.

About

responsive sidebar using vue.js with ability to change theme

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Vue 82.1%
  • SCSS 11.8%
  • JavaScript 5.5%
  • HTML 0.6%