Introduction

Shreyu is a fully featured premium admin template built on top of awesome Bootstrap 4.3.1. It's crafted using modern web technologies HTML5, CSS3 and jQuery. The theme includes beautiful dashboard, many ready to use hand crafted components, widgets, pages, etc. The components can be used very easily on any page. The theme is fully responsive and customizable. This documentation is guidelines for all users who can even be a beginner or experienced web developer.

Thank you very much for considering Shreyu. We really care for our buyers and so in case if you are having any question or feedback, please feel free to get back to us via email support@coderthemes.com or by filling out the contact form on our website.

What's included

Extract the zip file you received after purchase and you would find the exact below files and folders:

• shreyu
  • ├── dist - A pre-compiled folder containing html, assets including css, js, etc
  • ├── src
    • ├── fonts - fonts files
    • ├── images - images files
    • ├── html
      • ├── partials - partials - including top bar, left sidebar, menus, etc
      • ├── templates - reusable partials templates e.g. dashboard
    • ├── js - all javascript files
    • ├── scss - all scss (sass) files
  • ├── gulpfile.js
  • ├── package.json
  • ├── package-lock.json
  • ├── README.md

Pre-requisites

We are using gulp. It allows to have complete automatation for build. In case if you don't know - Gulp is a a toolkit for automating painful or time-consuming tasks in frontend development workflow, so you can stop messing around and build something. You can read it more about it here. Please follow below steps to install and setup all pre-requisites:

1. Nodejs

   Make sure to have the Node.js installed & running in your computer. If you already have installed nodejs on your computer, you can skip this step.

2. Yarn

   Yarn is a package manager and dependency management. It allows easy management of all the third party dependency and plugins.

   Make sure to have the Yarn installed & running in your computer. If you already have installed yarn on your computer, you can skip this step.

3. Gulp

   Make sure to have the Gulp installed & running in your computer. If you already have installed gulp on your computer, you can skip this step.

4. Git

   Make sure to have the Git installed & running in your computer. If you already have installed git on your computer, you can skip this step

Getting Started

Once you have all pre-requisites installed and running, you are ready to get start with the template. First, go to the root folder (the folder created when you extract the zip) where the package.json is available and run the following command:

yarn install

This will download all required dependencies defined in package.json file. Once it finished running the command, it will generate a folder name node_modules where you'll be able to see downloaded packages.

Now you're good to go in running the template and view it in browser by running the command below:

yarn start

The template should be up and running in your browser.

You can also create a production ready build by running the command below:

yarn build

This will create a folder named dist in same folder. You might want to take this folder and deploy on root of your web server.

Customization

You can easily customize various elements including navbar, topbar, form elements etc by simply editing Sass files available in /src/scss directory. You can also remove unneeded components from app.scss file.

Layout and Sidebar

You can change or customize the overall layout or left side navigation easily. There are examples available for horizontal nav, dark theme, RTL, condensed side nav, fixed width (boxed), etc. You can check them under layouts menu option. Additionally, you can also modify the left side nav, topbar, etc.

Change Log

1.0.0 - 27 Oct, 2019

• Initial release