Skip to content

TechTeamNZ/ng-matero

This branch is 1349 commits behind ng-matero/ng-matero:main.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

cf87c46 ยท Jan 18, 2020
Dec 7, 2019
Aug 22, 2019
Jan 18, 2020
Jan 18, 2020
Oct 14, 2019
Apr 14, 2019
Aug 25, 2019
Oct 14, 2019
Apr 14, 2019
Aug 15, 2019
Aug 2, 2019
Apr 10, 2019
Dec 25, 2019
Dec 14, 2019
Jun 28, 2019
Oct 14, 2019
Dec 15, 2019
Aug 15, 2019
Jan 18, 2020
Jan 18, 2020
Oct 18, 2019
Dec 14, 2019
Aug 22, 2019
Aug 22, 2019
Nov 11, 2019

Repository files navigation

NG-MATERO

Ng-Matero is an Angular admin templete made with Material components.

npm GitHub Release Date prettier GitHub license Gitter docs Material Extensions

โœจ Features

  • Schematics support
  • Modern design style
  • Various layout
  • Powerful color system
  • Rich helpers
  • Common Page Templates
  • RTL support
  • Material Extensions

๐Ÿ“– Documents

English ๏ฝœ็ฎ€ไฝ“ไธญๆ–‡

๐Ÿ”ง Installation

The project has support ng add yet.

$ ng new <project-name>
$ cd <project-name>
$ ng add ng-matero

You can also git clone the starter repo to start. But it's not recommended.

$ git clone --depth=1 [email protected]:ng-matero/starter.git <project-name>
$ cd <project-name>
$ npm install

โš™๏ธ Schematics

You can use the ng-matero schematics to generate a module or a page.

Module schematic

Generate a lazy loaded module.

$ ng g ng-matero:module <module-name>

The new module will be created in routes file, it will be added in routes.module and its route declaration will be added in routes-routing.module automaticly.

Page schematic

Generate a page component in the module.

$ ng g ng-matero:page <page-name> -m=<module-name>

Generate a entry component in the page component.

$ ng g ng-matero:page <page-name>/<entry-component-name> -m=<module-name> -e=true

Example

Just two steps after initializing the project, you can get a route page.

$ ng g ng-matero:module abc
$ ng g ng-matero:page def -m=abc

Take a look at http://localhost:4200/#/abc/def, enjoy it!

๐Ÿ’ป Development

$ git clone [email protected]:ng-matero/ng-matero.git
$ cd ng-matero
$ npm install
$ npm run hmr

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

๐Ÿ—บ Road Map

Check this issue to know the develop plans.

๐Ÿ“ƒ License

MIT

About

Angular Material admin dashboard template.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 55.8%
  • HTML 33.3%
  • CSS 9.4%
  • JavaScript 1.5%