Folder Structure

The FabKin - 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.

  • FabKin_v1.0.0 (v1.0.0 )
    • src (#Source files used during development.)
      • assets (#Development assets:)
        • 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
        • json (#JSON files used in development.)
        • lang (#Language files for localization in development.)
        • 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.)
      • partials (#Reusable HTML partials:)
        • body.php (#Structure for the body element.)
        • footer.php (#Footer content.)
        • head-css.php (#CSS links for the head section.)
        • header.php (#Header content.)
        • main.php (#main HTML content.)
        • page-title.php (#Breadcrumb content.)
        • scroll-to-top.php (#Scroll to top partial for the all pages.)
        • sidebar.php (#Sidebar menu list.)
        • switcher.php (#Layout for settings.)
        • title-meta.php (#Title and meta tags.)
        • vendor-scripts.php (#Script references for third-party libraries.)
      • All php Pages Files (#Complete php pages constructed from partials.)
    • package-copy.json (#Configuration for managing libraries)
    • package.json (#Node.js package manager file, listing dependencies and project scripts.)
    • preload.js
    • README.md (#Project documentation and instructions.)
    • webpack.config.js (#Configuration for Vite, the build tool used for bundling and optimizing assets.)
    • yarn.lock (#Lockfile that ensures consistent package versions.)