Thank you very much for your purchase!

If you have any questions that are beyond the scope of this documentation, please feel free to email or contact us via my page.

Introduction

  • Fadmin Admin Template - Empowering Your Dashboard Experience
    • Welcome to Fadmin, a sophisticated admin template meticulously crafted with Bootstrap 5.3.3 and powered by Gulp for seamless workflow management. Fadmin is designed to elevate your admin dashboard experience with a focus on simplicity, flexibility, and performance.
    • You are important for us and so please feel free to get back to me with any question or feedback.

Key Features:

  • Bootstrap 5.3.3:
    • Leverage the latest advancements in web development with the robust foundation of Bootstrap, ensuring a responsive and modern interface.
  • Gulp Integration:
    • Streamline your development process with Gulp, facilitating efficient task automation and enhancing your workflow.
  • Smooth Scrolling with Simplebar:
    • Experience fluid and smooth scrolling thanks to the integration of Simplebar, providing an enhanced user experience.
  • Interactive Charts with Echarts and Apexchart
    • Fadmin incorporates powerful charting libraries - Echarts and Apexchart, enabling you to visualize data in a compelling and dynamic manner.
  • Light and Dark Theme Support:
    • Choose between a light and dark theme according to your preferences or seamlessly switch between them to adapt to different environments.
  • Layout Options:
    • Fixed Layout: Opt for a stable and unchanging layout for a consistent user experience.
    • Collapsible Sidebar Layout: Maximize screen real estate by collapsing the sidebar, offering a clean and focused view.

Why Fadmin ?

  • User-Friendly Interface:
    • Fadmin is designed with user experience in mind, ensuring a user-friendly interface for administrators and developers alike.
  • Customizable and Extendable:
    • Tailor Fadmin to your specific needs with its easily customizable and extendable structure, allowing you to adapt the template to your unique requirements.
  • Responsive Design:
    • Elevate your admin dashboard to new heights with Fadmin - where simplicity meets sophistication, and flexibility meets performance. Get started today and unlock the full potential of your administration tasks.

Getting Started Guide

This guide will walk you through the installation process and prerequisites to get your admin dashboard up and running smoothly.

  • Prerequisites
    • Before you begin, make sure you have the following prerequisites installed on your system:
  • Node.js:
    • Ensure that you have Node.js installed. You can download it fromnodejs.org.
  • Gulp CLI:
    • If you haven't installed Gulp globally, you can do so by running the following command:
npm install -g gulp-cli

Installation Steps

Follow these simple steps to install and set up Fadmin Admin Template:

  • Step 1: Unzip
    Unzip The Downloaded Folder and open it in vscode or any other code editor you use.

  • Step 2: Navigate to the Project Directory
    Run the command cd ./Fadmin in the Terminal

  • Step 3: Install Dependencies
    Run the following command to install the project dependencies:
    npm install

  • Step 4: Build And Run
    Run the following command to run the project. It will first build and than run the project.
    gulp

Visit http://localhost:3000 in your browser to view your Fadmin Admin Template.

  • Customization
    • Fadmin is highly customizable. Explore the project structure and configuration files to tailor the template to your specific needs. Key configuration files include:
  • Gulpfile.js:
    • Customize Gulp tasks as needed.
    • For More Customization use different files mention bellow in folder struction. please visit that section

Structure

I have tried my best to have standards and modular structure while developing the theme. Following sections are explaining the theme File & Folder, structure, html file struture and plugins.

Folder Structure

I have tried to follow the standards and modular structure while developing the theme. Let's take a look at the package structure: 


Fadmin/
├── src/
│   ├── assets/
│   │   ├── css/
│   │   │   └── All css files
│   │   ├── fonts/
│   │   │   └── All font files
│   │   ├── images/
│   │   │   └── All images files
│   │   ├── js
│   │   │   └── All javascript files
│   │   └── scss
│   │       └── All scss files
│   └── *.html
│       └── ALL HTML files
└── Documentation/
	└── index.html - documentation file for documentation.

HTML Structure

<body>

	<!-- Header -->
        <div id="header">
            .. .. ..
        </div>

        <!-- Page Sidebar -->
        <div class="page-sidebar">
            .. .. ..
        </div>
        <!-- /Page Sidebar -->

        <!-- Page Content -->
        <div class="page-content">
	  <!-- Page Inner -->
	  <div class="page-inner">
	    .. .. ..			
	  </div>
	  <!-- /Page Inner -->
		<!-- Footer -->
	  <div class="page-footer">
	    .. .. ..			
	  </div>
	  <!-- /Footer -->
		<!-- right sidebar -->
	  <div class="page-right-sidebar border border-left" id="main-right-sidebar">
	    .. .. ..			
	  </div>
	  <!-- /right sidebar -->
        </div>
        <!-- /Page Content -->

        <!-- scripts -->
        <script type="text/javascript">
            .. .. ..
        </script>

</body>

CSS

Files are explained below:

File Description
bootstrap.min.css Fadmin uses the bootstrap v5.3.3. The core bootstrap file is being used in all the pages.
style.css This file is containing all common styles for all the pages.

SCSS

Install Live Sass Compiler extention in your Visual Code Editor. Click the Watch Sass button at the right side footer of visual studio code.

Javascript

Files are explained below:

File Description
custom.js This is a main js file. It contains the custom JS code needed for features including layout, sidebar, etc.

Credits & Official Documentation

I've used the following resources as listed. These are some awesome creation and I am really thankful to the respective community.

File Source / Link
Bootstrap http://getbootstrap.com
Jquery https://jquery.com
Simplebar https://github.com/Grsmto/simplebar
Materialdesign Icons https://materialdesignicons.com
Ionic Icons https://ionic.io/ionicons
Font Awesome https://fontawesome.com
Feathericons https://feathericons.com
Themify Icons https://themify.me/themify-icons
Typicons https://www.s-ings.com/typicons
Drip icons http://demo.amitjakhu.com/dripicons
Apex Chart https://apexcharts.com
Echarts https://echartsjs.com
Magnific-Popup https://github.com/dimsemenov/Magnific-Popup

Support

Once again thank you for purchasing the theme. I am always avaialble to help you. If you have any suggestion or feature to make it more better, I am requesting you to contact me, I'll try my best to add them in future updates.

Best,

- ThemeBoss

Changelog

Version 2.0.2 - 12 March 2024

  • Updated: Bootstrap to v5.3.3
  • Updated: Apexcharts to v3.47.0
  • Updated: Jquery to v3.7.1

Version 2.0.1 - 31 January 2024

  • Fixed Chart Label's Color for Light Dark Mode issue
  • Fixed Echarts page rendering charts issue & Updated all chart
  • Fixed Apexchart page rendering charts issue
  • Collapsed Sidebar Layout Fixed Responsive issue
  • Sidebar Updated

Version 2.0.1 - 26 January 2024

  • Updated: Bootstrap to v5.3.2
  • Added SCSS support.
  • Gulp support.

Version 1.0 - 6 April 2019

  • Initial released

2019 - 2024 © Fadmin.