Introduction

Assist is super flexible, powerful, clean & modern responsive Angular 5+ Bootstrap 4 admin template with unlimited possibilities. Assist is based on a modular design, which allows it to be easily customized and built upon. It can be used for all type of web applications like custom admin panel, project management system, admin dashboard, application backend, CMS or CRM. It includes 5 layouts with organized folder structure, clean & commented code, 100+ pages, 100+ components, 50+ charts, 50+ advance cards (widgets) and many more. We're constantly adding new features, improving existing ones and taking into consideration customers feedback.

Features in Detail

  • Angular 5+ / CLI starter kit
  • Bootstrap 4
  • Responsive layout (desktops, tablets, mobile devices)
  • 5 different layouts
  • SASS Support
  • Cross browser compatibility
  • Easy to customize
  • Validation forms
  • Range slider
  • Form layouts
  • 3 Icon sets
  • Include 10+ extra pages (404, Login, Register...)
  • Charts (Ng2 Charts, Ngx Charst)
  • Maps (Google, Leaflet)
  • Tables
  • Calendar
  • Angular Material components
  • Unique theme components
  • Widgets

Getting started

This template is built with angular-cli and requires Node(v9.1.0+) and NPM(v5.5.1+) to be installed.

Installing the prerequisites

Node.js and NPM: You can download Node.js from https://nodejs.org. NPM comes bundled with Node.js

angular-cli: You can install angular-cli by executing from your terminal npm install -g @angular/cli. More details can be found here https://github.com/angular/angular-cli

Installing the npm packages

Before preceding you'll need to install npm packages. You can do this by running npm install from the root of your project to install all the necessary dependencies.

Using CLI

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component.

Publish

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build. Use --aot flag for a AoT build.

Further help

To get more help on the angular-cli use ng --help or go check out https://github.com/angular/angular-cli.

Customization

Main css file is compiled with Sass, all Sass files you can find in this folder src/app/assets/sass and main scss file "style.scss" is located in src/app/assets/sass. You can change main slyles from file src/app/settings/style-config.scss.

Routing and main menu

Routing

Router file src/app/app-routing.module.ts.

Main menu

Main menu configuration file src/settings/menu.ts.

RTL support

If you can use RTL, change this.rtl = false; to this.rtl = true; in layout file \src\app\layouts\... and add attribute dir="rtl" to body.