Introduction

• Fadmin Admin Template - Empowering Your Dashboard Experience
• Welcome to Fadmin, a sophisticated admin template meticulously crafted with Bootstrap 5.3.2 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:

• Node Express.js 4.18.2:
• Seamless integration with Node.js and Express for a robust and efficient server-side environment.

• JWT Authentication:
• Token-based authentication for enhanced security and scalability.

• EJS Templating Engine:
• Dynamic and data-driven HTML templates powered by the EJS (Embedded JavaScript) templating engine.

• Bootstrap 5.3.2:
• 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:

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 ./Admin in the Terminal

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

• Step 4: Build Assets
  Run the following command to build the assets. It will create public dir and copy all required assets like js, css and images.
  gulp

• Step 5: Configure Environment Variables
  Create .env file in root dir and initialize all variables as given in sample.env file.
  

• Step 6: Run Project
  Run following command in the terminal and enjoy development with Fadmin.
  npm run start

Visit http://localhost:8000 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

Fadmin - Nodejs admin and dashboard.
|
├── Admin/
	├── controllers/
	│       └── AuthController.js -> Authentication  functions
	│
	├── models/
	│       └── UserModel.js -> User Schema  file
	│
	├── routes/
	│       └── routes.js -> All Routes Defined here
	│
	├── src/
	│       ├── assets/
	│	       ├── css/
	│	       │     └── All css files
	│	       ├── fonts/
	│	       │     └── All font files
	│	       ├── images/
	│	       │     └── All images files
	│	       ├── js/
	│	       │     └── All javascript files
	│	       └── scss/
	│	             └── All scss files
	│   
	├── views/
	│       ├── auth/
	│              └── Authentication pages
	│       ├── layouts/
	│              └── Layouts pages
	│       ├── partials/
	│              └── Common component pages
	│       └── [*].ejs 
	│              └── All ejs page
	|
	├── app.js/
	│       └── main file
	|
	├── config.env/
	│       └── store environment-specific database passwords.
	|
	├── gulpfile.js/
	│       └── customize Gulp tasks as needed.
	|
	├── package.json
	│       └── Node Package Manager File.
	|
├── StarterKit/
	└── As same folder structure with blank pages.

└── Documentation/
	└── index.html - documentation file for documentation.
    

<%- include ('../partials/main') %>

<head>                            
    <%- include ('../partials/title-meta') %>
    <%- HeaderCss %>
    <%- include ('../partials/head-css') %>
</head>

<body>
    <%- include ('../partials/menu') %>
    <div class="page-content">
        <div class="page-inner">
            <div class="container-fluid" id="main-wrapper">
                <%- body%>
            </div>
        </div>
	<%- include ('../partials/footer') %>
    	<%- include ('../partials/right-sidebar') %>
    </div><!-- end main content-->
	<%- include ('../partials/vendor-scripts') %>
	<%- FooterJs %>

<!-- Custom js -->
<script src="/assets/js/custom.js">

</body>

</html>

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.

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 1.0.0 - 08 February 2024

• Initial released