Angular Material Starter Kit
1 week ago I started to work in a new project. For the frontend part I decided to use Angular 2 / 4 and Google material design, but I didn’t want to build the whole application and its skeleton from scratch. So I decided to implement an angular-material-starter-kit I can use every time I start a new project without repeating same issues. The goal is to have at the end a solid and responsive design which works with the angular material library. Then I thought I’m not the only developer in this world who needs something like that and shared this project with you.
Also for beginners this project can be very helpful to see how an angular 2 / 4 application can be developed.
Screenshots
Features
- Responsive design
- Multiple themes and theming support
- Header and sticky footer support
- Angular lazy loaded modules
- Side navigation
- Swiper touch slider support
- Youtube API: Search and watch youtube videos
- Angular Flex-Layout
Video
Live Demo
Installation
Check out the source code from GitHub:
If you don’t have already installed Node.js and angular-cli, follow following instructions.
Install Node.js for your operating system from the following link:
To check if Node.js is installed successfull and open a terminal and type:
npm -versionYou should see a version number like 3.10.10.
To install angular-cli, execute the following command in your terminal:
npm install -g @angular/cliTo check if angular-cli is installed successfully, just type after the installation
ng --versionInstall required dependencies for the project
Open a terminal and navigate to the project root folder and type
npm installHow to run the application
To start the application open a terminal navigate to the project root folder and type
ng serveThe application should now run on http://localhost:4200
API Documentation
App Module
Core Module
Home Module
Layout Module
Search Module
For more documentation take a look into the project’s documentation folder.
