katan / angular-material-demos

Angular +7 and Material Design Examples

Angular Material demos

This project provides a functionality demos using Material Design.
Still working to provide a beta release.

Dependencies

Mandatory

• @angular/core ^7.x
• @angular/cdk ^7.x
• @angular/material ^7.x

Optional

• @material/layout-grid ^0.x (Adds responsive styles)
• material-design-icons-iconfont ^4.x (Material icons font)
• @kolkov/angular-editor ^0.x (A WYSWYG html editor)
• crypto-js ^3.x (Use for encryption & encoding data on browser storage)
• file-saver ^2.x (Use for generate file to download)
• xlsx ^0.x (Use to convert Arrays on Excel format)
• ngx-perfect-scrollbar (A beautify scroll bar)

Features

• Uses theming Angular material
• Simple folder structure
• Uses last packages released
• Is Focus on minor initial bundles sizes and best performance
• Demos provideds:
  • Data tables
  • Tabs
  • Forms (Working on)
  • Espansion panels (AKA Accordion)
  • More demos on next releases ...

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 npm run build:prod on the root path for a production build.

Bundles analyzer

Run npm run analyze on the root path to analyze the bundles project.

Running unit tests (not yet)

Run ng test to execute the unit tests via Karma.

Running end-to-end tests (not yet)

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