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 )
    • instance (#)
    • path (#)
    • urbix (#)
      • __pycache__ (#)
      • path (#)
      • static (#)
        • 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.)
      • src (#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.)
      • templates (#Source files used during development.)
        • partials (#Reusable HTML partials:)
          • auth-backround.html (#Auth Background.)
          • auth-header.html (#Auth Header.)
          • body.html (#Structure for the body element.)
          • footer.html (#Footer content.)
          • head-css.html (#CSS links for the head section.)
          • header.html (#Header content.)
          • horizontal.html (#Horizontal Layout.)
          • main.html (#main HTML content.)
          • page-title.html (#Breadcrumb content.)
          • scroll-to-top.html (#Scroll to top partial for the all pages.)
          • sidebar.html (#Sidebar menu list.)
          • switcher.html (#Layout for settings.)
          • title-meta.html (#Title and meta tags.)
          • vendor-scripts.html (#Script references for third-party libraries.)
        • All HTML Pages Files (#Complete HTML pages constructed from partials.)
      • .gitignore (#)
      • __init__.py (#)
      • db.sqlite3 (#)
      • manage.py (#)
      • package-copy.json (#Configuration for managing libraries)
      • package.json (#Node.js package manager file, listing dependencies and project scripts.)
      • package-lock.json (#)
      • preload.js
      • README.md (#Project documentation and instructions.)
      • requirements.txt (#)
      • webpack.config.js (#Configuration for Vite, the build tool used for bundling and optimizing assets.)
      • yarn.lock (#Lockfile that ensures consistent package versions.)
    • virtual_env (#)
    • .flaskenv (#)
    • main.py (#)
    • package-lock.json (#)
    • requirements.txt (#)