Project Structure

The project structure was originally generated by Vue cli. Also, some structure and code changes, which would optimize the project and diversify our functionality, were made during the development process.

Let's take a quick glance at the directory before anything gets too complicated.

├── build/                    <- build scripts of Webpack, generated by vue-cli
├── client/                   <- front-end source files
├── config/                   <- project configurations, mainly for Webpack, generated by vue-cli
├── doc/                      <- offline documents related with the project
├── screenshots/              <- preview images of vue admin
├── .babelrc/                 <- configuration file of babel, generated by vue-cli
├── .babelrc/                 <- configuration file of babel, generated by vue-cli
├── .babelrc/                 <- configuration file of babel, generated by vue-cli
│   ├── auth.html
│   ├── index.html          <- main app dashboard page
│   │   ├── theme/         <- theme components. Contains various common widgets, panels which used across application
│   ├── assets/             <- static files (images, fonts etc.)
│   ├── sass/               <- sass styles
│   │   ├── app/           <- application styles. Used mostly for demonstration purposes. Put your app styles here.
│   │   ├── theme/         <- theme styles. Used to customize bootstrap and other common components used in tempate.