Ynex – Vue3 Premium Bootstrap-5 Admin Template

Folder Structure


						
						public/
						├── icon-fonts/
						├── images/
						├── .htaccess/
						src/
						├── assets/
						├── |-- css/
						|   |-- |-- icons.css
						|   |-- |-- icons.min.css.map
						|   |-- |-- icons.min.css
						|   |-- |-- styles.min.css
						|   |-- |-- styles.min.css.map
						|   |-- |-- styles.css
						|   |-- |-- styles.css.map
						├── |-- icon-fonts/
						|   |-- |-- bootstrap-icons/
						|   |-- |-- boxicons/
						|   |-- |-- feather/
						|   |-- |-- line-awesome/
						|   |-- |-- Remixicons/
						|   |-- |-- tabler-icons/
						├── |-- libs/
						├── |-- bootstrap/
						├── |-- leaflet/
						├── |-- scss/
						|   |-- |-- bootstrap/
						|   |-- |-- custom/
						|   |-- |-- global/
						|   |-- |-- menu-styles/
						|   |-- |-- Pages/
						|   |-- |-- util/
						|   |-- |-- _bootstrap.scss
						|   |-- |-- _switcher.scss
						|   |-- |-- _variables.scss
						|   |-- |-- styles.scss
						├── |-- video/
						├── components/
						|   |-- |-- advanced-ui/
						|   |-- |-- apps/
						|   |-- |-- authentication/
						|   |-- |-- charts/
						|   |-- |-- dashboard/
						|   |-- |-- error/
						|   |-- |-- forms/
						|   |-- |-- maps/
						|   |-- |-- pages/
						|   |-- |-- tables/
						|   |-- |-- task/
						|   |-- |-- ui-elements/
						|   |-- |-- utilities/
						|   |-- |-- icons.vue
						|   |-- |-- widgets.vue
						├── data/
						├── router/
						|   |-- index.js
						├── shared/
						|   |-- components/
						|   |-- layouts/
						|   |-- UI/
						├── stores/
						|   |-- switcher.js
						.env
						.App.vue
						.main.js
						.style.scss
						.gitignore
						index.html
						package-lock.json
						package.json
						vite.config.js

Folders Description

Ynex – Vue3 Premium Bootstrap-5 Admin Template / : Root template folder contain all html, js, css, scss, images and other files.
- public/: Folder containing all the Ynex Template icons and images.
- src/: Folder containing all the Ynex Template assets & Vue components.
- - assets/: Folder containing all the Ynex Template assets, including CSS, JS, and SCSS files.
- components: The components/ directory is where you put all your Vue components. Vue automatically imports any components in this directory (along with components registered by any modules you may be using).
- data: Data used in the application.
- router: Routing for all Vue components.
- shared: Contains reusable files and layouts.
- store: The store directory is used for state management (Pinia).
app.vue: The app.vue file is the main component of your Vue application.
main.js: The main.js file contains all the package imports for your Vue application.
style.scss: The style.scss file contains global styles for your Vue application.
index.html: The index.html file is the main file of your Vue application.
package.json: The package.json file contains all the dependencies and scripts for your application.
vite.config.js: Vue can be easily configured with a single vite.config.js file.