geecat / angular-multi-layout-scaffolding

This application provides two separate layouts - one served on a landing page view, the other used on a dashboard view.

Home Page:http://keepgrowing.in/angular/apply-multi-layout-to-an-angular-app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

angular-multi-layout-scaffolding

keep growing logo

To learn how to set up a project like this one, check out the Apply multi-layout to an Angular app post.

This application serves two separate layouts - one provided on a landing page view, the other used on a dashboard view. There is a horizontal navigation and a footer on the landing page and a vertical navigation on a dashboard.

All views are complemented with Bootstrap classes.

landing page screenshot dashboard page screenshot

Getting Started

To clone the repository, run in the command line:

$ git clone https://github.com/little-pinecone/angular-multi-layout-scaffolding.git

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.

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.

Built With

License

This project is licensed under the MIT License - see the license details.

About

This application provides two separate layouts - one served on a landing page view, the other used on a dashboard view.

http://keepgrowing.in/angular/apply-multi-layout-to-an-angular-app/


Languages

Language:TypeScript 72.1%Language:HTML 18.7%Language:JavaScript 5.4%Language:CSS 3.8%