1. SmartAdmin
  2. Package Info
  3. Documentation

Documentation Product documentation,plugin reference,and online help

Overview &Installation This webapp UI toolkit is based on Bootstrap 4 framework that provides a complete frontend user interface to build any type of web or mobile application. The package includes state of the art build tools to manage and deploy project assets with ease. This documentation will provide information you need to be able to use SmartAdmin WebApp in your applications,customising it to match your development needs and requirements at a fast pace environment.

This section guides you to install all required software and libraries in order to fully utilize this UI toolkit for your project(s).

1. Install Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. Node.js is required in order to run the application build tools. Download the latest version of Node and install it: nodejs.org/en/download/

2. Install NPM

Npm is the package manager for JavaScript and the world’s largest software registry. Npm is a separate project from Node.js, and tends to update more frequently. As a result, even if you’ve just downloaded Node.js (and therefore npm), you’ll probably need to update your npm.

npm install npm@latest -g

Verify that npm in successfully installed, and version of installed npm will appear.

npm --version

3. Install Gulp

Gulp is a toolkit that helps you automate your time-consuming tasks in development workflow. To install gulp globally.

npm install gulp-cli -g

If you have previously installed a version of gulpglobally, please remove it to make sure old version doesn't collide with new gulp-cli

npm rm --global gulp

Verify that gulp in successfully installed,and version of installed gulp will appear.

gulp --version

4. Install NPM Packages

NPM packages are a great way to ensure your files are up to date and everyone in your development tree is using the same version for the files. To install the npm you simple type:

npm install
You may or may not see sime messages regarding vulnerabilities,we and the npm community,are aware of these issues and you can choose to ignore them or upgrade your jquery to the latest version (warning:doing so may break IE10 Datatables responsive plugin)

Check outdated files and versions by typing:

npm outdated

If you are updating the npm packages,please be sure to read their changelogs for any breaking changes before you do any major update. To update a package,simple open your package.json file and change the version number run npm icommand

5. Build project

Once all your NPM packages are installed you can now run the command to build your project. The build project will compile your project and create the necessary HTML files,CSS,and JS scripts related for each page. Once the compilation is completed,gulp will switch to 'watch' mode and watch for changes in your JS/HBS templates/SCSS files. Any changes you make,gulp will auto compile the project in seconds.

gulp build

Once the compilation is complete,you can go to http: