...

Ekash - Personal Finance Management Admin Dashboard Symfony Template

v 1.0

Introduction


First of all, Thank you so much for purchasing this template and for being my loyal customer. You are awesome!
You are entitled to get free lifetime updates to this product + exceptional support from the author directly.

This documentation is to help you regarding each step of customization. Please go through the documentation carefully to understand how this template is made and how to edit this properly. Basic HTML and CSS knowledge is required to customize this template. You may learn basics here, here and here.

Requirements

You will need the following sofwares to customize this template.

  1. Code Editing Software (eg: VS Code, Sublime Text or Notepad)
  2. Web Browser for testing (eg: Google Chrome or Mozilla Firefox)
  3. FTP Tool to upload files to Server (eg: FileZilla)

Be careful while editing the template. If not edited properly, the design layout may break completely.
No support is provided for faulty customization.

Installation

1.Install Server (Recommended PHP version: >8.2):

Make sure to have the Xampp/WampServer/Lampp installed & running in your computer. If you already have installed server on your computer, you can skip this step if your existing PHP version is greater than >8.2.

2.Install Composer (Recommended version: >= 2.2)

Symfony uses Composer to manage its dependencies. If you haven't already installed Composer, you can download and install it following the instructions on the official Composer website.

Install Dependencies:

composer install

3.Install Symfony CLI (Optional but Recommended):

Symfony CLI helps you manage and run Symfony applications easily, including starting the local development server.

4.Install Node:

Install Node.js by downloading the LTS version from the official website. Follow the installation prompts. Verify installation with 'node -v' and 'npm -v'.

Install node Dependencies:

npm install

5.Start the Development Server:

symfony server:start

This command starts the local Symfony development server.

6.Editing Ekash Template:

Before all that you have to edit your template and place your own contents by replacing old demo contents, in this case, you will need a code editor such as – VScode, Sublime Text etc.

Compile SASS #back to top

Compile Sass

Run following command to watch and build SASS

npm run sass

Path change

You may want to change your folder destination of outputed CSS or input SASS. In order to do that, just open the package.json file and update the script command's path as yours.

"sass": "sass --watch public/scss/style.scss:public/css/style.css"

Fonts #back to top

In this template we used "Segoe UI" font which is provided by Bootstrap default. That's why we didn't have to import any font anymore. But font can be added and changed by following ways.

Import font

Import the font into font.scss

//import your font like this @import url('Your font URL');
Apply font

Now change the template font-family in the _variable.scss file

//change the font family name $pf: "Segoe UI";

Following icon fonts used in this template

Icon Name Example URL
Flat Icons <i class="fi fi-rr-home"></i> https://www.flaticon.com/search?type=uicon

Hire us #back to top

If you need theme customization or custom web development, please provide your project details using below form and one of our well established development partners will get back to you with a free quote

Send me qoute