Project Overviewlink

Boron is an enterprise-level admin dashboard template built on Bootstrap 5, featuring complete modules for dashboards, forms, charts, e-commerce, and authentication. The template provides a rich set of pre-built components, allowing developers to directly customize existing pages for rapid development of CRM, CMS, or SaaS admin panels.

Tech Stacklink

• CSS Framework: Bootstrap 5.3.3
• Build Tool: Gulp 4 + Sass
• JavaScript Library: jQuery 3.7.1
• Key Plugins: ApexCharts (charts), DataTables (tables), Quill (rich text editor), Flatpickr (date picker), Select2 (multi-select), SweetAlert2 (modals), etc.

Project Structurelink

Boron_v1.0/
├── Admin/
│   ├── src/                    # Source code (includes modular HTML partials)
│   │   ├── index.html          # Dashboard entry point
│   │   ├── apps-*.html         # Application module pages
│   │   ├── charts-*.html       # Chart examples
│   │   ├── form-*.html         # Form-related pages
│   │   └── auth-*.html         # Login/register authentication pages
│   ├── gulpfile.js             # Gulp build configuration
│   └── package.json
└── Documentation/               # Official documentation (open directly in browser)
    └── index.html

Key File Descriptionslink

• Admin/gulpfile.js — Defines Gulp build workflow for Sass compilation, CSS minification, and live reload
• Admin/src/index.html — Main dashboard page displaying key data cards
• Admin/src/pages-starter.html — Blank starter page template; use this structure to create new pages
• Admin/src/form-*.html — Complete form functionality including inputs, validation, editors, and form wizards
• Admin/src/apps-ecommerce-*.html — E-commerce module (products, orders, customers, reviews, etc.)
• Documentation/index.html — Built-in documentation with installation and customization instructions

Quick Startlink

# Install dependencies
cd Boron_v1.0/Admin
yarn install   # or npm install

# Start development server with auto-compilation
yarn start

# Build production assets only
yarn build

After starting, visit http://localhost:3000 to preview. Files modified in the src/ directory will automatically refresh.

Usage Recommendationslink

• When creating new pages, reference the @@include structure from pages-starter.html to maintain consistency with the existing template style
• This template is pure frontend static resources and runs without a backend; for data persistence, integrate your own API