Introduction

Endless Admin is a responsive HTML template that is based on the CSS framework Bootstrap 4 and it is built with Sass, Gulp and Pug. Sass compiler makes it easier to code and customize. If you are unfamiliar with Bootstrap or Gulp, visit their website and read through the documentation. All of Bootstrap components have been modified to fit the style of endless Admin and provide a consistent look throughout the template.

Before you start working with the template, we suggest you go through the pages that are bundled with the theme. Most of the template example pages contain quick tips on how to create or use a component which can be really helpful when you need to create something on the fly.

Getting started

You can directly use the compiled and ready-to-use the version of the template. But in case you plan to customize the template extensively the template allows you to do so.

Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations:

Note: The root folder denoted further in this documentation refers to the 'template' folder inside the downloaded folder

Template Installation

FTP Upload:

Open up your FTP manager and connect to your hosting

Browse to required directory (Normally public_html)

Upload the files inside strong Main folder.

Gulp & Tasks setup

Installing Node.js

First, you must download and install node.js. NPM stands for node packaged modules and is a way to manage development dependencies through Node.js.

Download the Node.js source code or a pre-built installer for your platform, and start developing, you can download it from nodejs.org

You can check it in your terminal window using these commands node --version and npm --version.

Installing Gulp

GulpJS is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.

• Navigate to the root main/directory,default

• Then use $ npm i command (install node js)

• $ gulp command (for run project)

NPM use the package.json file and automatically install the required local dependencies listed in it.

dependencies are : gulp, browser-sync, gulp-autoprefixer, gulp-livereload, gulp-pug, gulp-sass, livereload

We have added all necessary gulp task in gulpfile.js, for more details about plugin refer this link https://gulpjs.com/plugins/

How to set live reload path

Laravel Installation

Laravel Version

Build your Laravel Project with endless , perfect choice for your laravel project. endless laravel project is included with 2 version laravel starter kit and laravel full version. endless laravel is build in laravel 5.8 latest version with all features and assets. you can start project from scratch by laravel start kit or rewamp your existing project with endless laravel admin template

Server Requirement

The Laravel framework has a few system requirements. Of course, all of these requirements are satisfied by the Laravel Homestead virtual machine, so it's highly recommended that you use Homestead as your local Laravel development environment.

However, if you are not using Homestead, you will need to make sure your server meets the following requirements:

• PHP >= 7.1.3
• OpenSSL PHP Extension
• PDO PHP Extension
• Mbstring PHP Extension
• Tokenizer PHP Extension
• XML PHP Extension
• Ctype PHP Extension
• JSON PHP Extension
• BCMath PHP Extension

Installation Steps:

• composer install
• npm install

Now Need Rename the .env.example to .env

• php artisan key:generate

Now Need some Laravel Commands

• php artisan serveServes your project
• npm run watchWatches your files and compiles your assets on the fly (also auto reloads your browser)
• npm run devCompiles your assets
• npm run prodCompiles and prepares your assets for production

Nod js Installation

please select folder you use nodejs project and command line open then after Ex. E:/node

• 1) npm install express-generator -g
• 2) npm install nodemon -g
• 3) node -v
• 4) npm -v (Please check your node version then run)
• 5) express --view=ejs ProjectName
• 6) open folder E:/node/ProjectName
• 7) npm install
• 8) nodemon start ( check http://localhost:3000 )
• 9) npm install express-ejs-layouts
• 10) run cmd
• 11) nodemon start
• 12) open view folder and create a layout.ejs file (View/layout.ejs)
• 13) install complete app.js file open and check below details.
  var express = require('express');
var expressLayouts = require('express-ejs-layouts');
var app = express();
app.set('view engine', 'ejs');
var fs = require('fs');
app.use(expressLayouts);
app.set("layout extractScripts", true);
app.set("layout extractStyles", true);

Options

Layouts

We have provided a bunch of page layouts and menu layouts that can be implemented with just a options change to body! Please refer the below table for corresponding classes.

Theme options

We have some inbuilt themes for sidebar that can be switched with just a class change

Header options

We have some inbuilt themes for header that can be switched with just a class change

Components