NG-MATERO

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

✨ Features

Modern design style
Various layout
Powerful color system
Rich helpers
Common Page Templates

🔧 Installation

The project has support ng add yet.

When you create a new angular project, you must choose the scss style format.

$ 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 git@github.com:ng-matero/starter.git

⚙️ 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

💻 Development

$ git clone git@github.com: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

Schematics Support
Material Extral Components
VS Code Snippet

📃 License

MIT

yinleunglai/ng-matero