Folder Structure

The Urbix - Admin & Dashboard Template. project is organized to streamline your workflow and make it easy to manage, customize, and extend. Below is a breakdown of the main directories and files included in your template. We have user friendly structure which can easy for the Developers to understand.

  • Admin (v1.0.0 )
    • app (#)
    • bootstrap (#)
    • config (#)
    • database (#)
    • public (#)
      • assets
        • css (#Compiled CSS files.)
          • app-rtl.min.css (# RTL related css are define in this file.)
          • app.min.css (#Main stylesheet for admin interface.)
          • bootstrap-rtl.min.css (#Bootstrap RTL stylesheet define in this file.)
          • bootstrap.min.css (#Bootstrap stylesheet for admin interface.)
          • custom-rtl.min.css (#Custom RTL stylesheet define in this file.)
          • custom.min.css (#Custom stylesheet for admin interface.)
          • icons.min.css (#Icon related css are define in this file.)
          • etc,.
        • images (#Compiled image assets for production.)
        • js (#Compiled JavaScript files.)
        • lang (#Language files for localization.)
        • libs (#Compiled libraries used in the project.)
        • All JS Files (#Compiled JavaScript files.)
    • resources (#Source files used during development.)
      • assets (#Development assets:)
        • fonts (#fonts files used in development)
        • images (#Image files used in development.)
        • js (#JavaScript files for development.)
          • apps
          • auth
          • chart
          • dashboards
          • form
          • icon
          • map
          • pages
          • table
          • ui
          • app.js
          • main.js
          • plugin.js
          • scroll-top.js
        • libs (#Library files used in development.)
        • scss (#SCSS files for styling:)
          • custom (#SCSS files for styling:)
            • apps
            • components
            • dashboard
            • fonts
            • pages
            • plugins
            • structure
          • _custom-variables-dark.scss (#SCSS file to manage dark mode variables.)
          • _custom-variables.scss (#SCSS file to add extra variables.)
          • _variables-dark.scss (#SCSS file to manage all common variables.)
          • _variables.scss (#SCSS file to manage all common variables.)
          • apps.scss (#Manage all SCSS in single file.)
          • bootstrap.scss (#SCSS file to import bootstrap.)
          • icons.scss (#SCSS file to import Icons.)
      • views (#Reusable HTML partials:)
        • partials (#Reusable HTML partials:)
          • auth-backround.blade.php (#Auth Background.)
          • auth-header.blade.php (#Auth Header.)
          • body.blade.php (#Structure for the body element.)
          • footer.blade.php (#Footer content.)
          • head-css.blade.php (#CSS links for the head section.)
          • header.blade.php (#Header content.)
          • horizontal.blade.php (#Horizontal Layout.)
          • main.blade.php (#main content.)
          • page-title.blade.php (#Breadcrumb content.)
          • scroll-to-top.blade.php (#Scroll to top partial for the all pages.)
          • sidebar.blade.php (#Sidebar menu list.)
          • switcher.blade.php (#Layout for settings.)
          • title-meta.blade.php (#Title and meta tags.)
          • vendor-scripts.blade.php (#Script references for third-party libraries.)
        • All blade.php Pages Files (#Complete blade pages constructed from partials.)
      • routes (#)
      • storage (#)
      • tests (#)
      • .editorconfig (#)
      • .env (#)
      • .env.example (#)
      • .gitattributes
      • .gitignore (#)
      • artisan (#)
      • composer.json (#)
      • composer.lock (#)
      • package.json (#)
      • package-copy.json (#)
      • package-lock.json (#)
      • phpunit.xml (#)
      • preload.js (#)
      • README.md (#)
      • vite.config.js(#)
      • webpack.mix.js(#)
      • yarn.lock(#)