🙏 Thank you for purchasing Fadmin - CakePHP Admin Dashboard Template.

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 - CakePHP Admin Template - Empowering Your Dashboard Experience
    • Welcome to Fadmin, a sophisticated admin template meticulously crafted with Bootstrap 5.3.2 and CakePHP 4.4 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.2:
    • Leverage the latest advancements in web development with the robust foundation of Bootstrap, ensuring a responsive and modern interface.
  • 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 - CakePHP ?

  • 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:
  • Serve:
    • Make sure to have the Xampp OR Wamp installed & running in your computer. If you already have installed Xampp / Wamp server on your computer, you can skip this step. Note: Minimum PHP 7.4 or higher version. (8.2 supported).
  • Composer:
    • Make sure to have the Composer installed & running in your computer. If you already have installed composer on your computer, you can skip this step.

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: This would install all of the framework's required dependencies in the vendor folder. 

    composer install

  • Step 3: Run the project locally, The development server is accessible at http://localhost:8080. 

    php spark serve

  • Step 4: If you wish to run the project locally on different Port. The development server is accessible at http://localhost:8081. 

    php spark serve --port 8081

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: 


├── Admin
    ├── app directory
        ├── Config
        ├── Controller
        ├── Database
        ├── Filters
        ├── Helpers
        ├── Language
        ├── Libraries
        ├── Models
        ├── ThirdParty
        ├── Validation
        ├── Views
        ├── .htaccess
        ├── Common.php
        └── index.html
    ├── public directory
        ├── assets
            ├── css
            ├── fonts
            ├── images
            └──  js
    ├── system
    ├── writable
	├── .env
    ├── composer.json
    ├── composer.lock
    ├── phpunit.xml.dist
    ├── preload.md
    └── spark

HTML Structure

<?= $this->include('partials/main') ?>
<head>

	<?= $this->include('partials/title-meta') ?>

	<?= $this->include('partials/head-css') ?>

	<!-- Apex Chart Css -->
	<link  type="text/html" href="assets/css/plugins/apexcharts.css" rel="stylesheet" />

</head>
<body>

	<?= $this->include('partials/navbar') ?>

	<?php echo view('partials/left-sidebar', array('dataCurrentPage' => 'index')); ?>
	
	<!-- Page Content -->
	<div class="page-content">
		<!-- Page Inner -->
		<div class="page-inner">
			<!-- Page Heading -->
			<?php echo view('partials/pageHeader', array('title' => 'Dashborad', 'breadcrumb' => 'Fadmin', 'description' => 'Nam libero tempore, cum soluta nobis')); ?>
			<!-- Page Heading -->
			
		</div>
		
		<!-- footer -->
		<?= $this->include('partials/footer') ?>

		<!-- right sidebar -->
		<?= $this->include('partials/right-sidebar') ?>
		
	</div>
	<!-- /Page Content -->
	
	<?= $this->include('partials/vendor-scripts') ?>
	
</body>
</html>

CSS

Files are explained below:

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

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 1.0.0 - 12 Feb 2024

  • Initial released

2019 - 2024 © Fadmin.