Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
doc
 
 
e2e
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 

README.md

DashboardSB - Free Angular Dashboard template

There is a lot of angular dashboard seed projects out there. But they are stuffed with a lot of things that might be not necessary to start a project of your own. So I decided to do my own Angular dashboard lean seed project.

This project was scaffolded with Angular CLI version 1.4.9.

Screenshot

What's included

  • Angular 5+ & Typescript 2.6.2
  • Bootstrap 4+ & SCSS
  • Responsive design
  • Font Awesome
  • Dark theme

Demo

http://dashboard-sb.boyeau.com

Setup

  • clone repositiory
  • npm i
  • npm start (localhost and all IPs access)
  • npm start-local (localhost access only)

Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

News

  • 2018-02-10 - Updated to Angular 5
  • 2017-11-26 - Initial commit

Code scaffolding

To generate a new page, for example a Login page:

  • Execute this:

cd src/app/pages ng generate module login --routing ng generate component login

  • add the necessary route to the login-routing.module:

{ path: '', component: LoginComponent }

Don't forget to import the LoginComponent into the login-routing.module.

  • add the new route to the app-routing.module:

{ path: 'login', loadChildren: 'app/pages/login/login.module#LoginModule' }

Got to http://localhost:4200/#/login. The login component content should show up on the content part of the page.

Build

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.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

About

Responsive design Angular 5+ dashboard seed project using bootstrap 4

Resources

License

Releases

No releases published

Packages

No packages published