docs(project): added usage and dev sections to the readme

Author: AnthonyNahas

README.md

@@ -5,10 +5,12 @@
 # ngx-material-password-strength - Material password strength meter to indicate how secure is the provided password
 
 [![npm version](https://badge.fury.io/js/ngx-material-password-strength.svg)](https://badge.fury.io/js/ngx-material-password-strength),
+[![npm](https://img.shields.io/badge/demo-online-ed1c46.svg)](https://anthonynahas.github.io/ngx-material-password-strength)
 [![Coverage Status](https://coveralls.io/repos/github/anthonynahas/ngx-material-password-strength/badge.svg?branch=master)](https://coveralls.io/github/anthonynahas/ngx-material-password-strength?branch=master)
 [![dependency Status](https://david-dm.org/anthonynahas/ngx-material-password-strength/status.svg)](https://david-dm.org/anthonynahas/ngx-material-password-strength)
 [![devDependency Status](https://david-dm.org/anthonynahas/ngx-material-password-strength/dev-status.svg?branch=master)](https://david-dm.org/anthonynahas/ngx-material-password-strength#info=devDependencies)
 [![Greenkeeper Badge](https://badges.greenkeeper.io/anthonynahas/ngx-material-password-strength.svg)](https://greenkeeper.io/)
+[![license](https://img.shields.io/github/license/anthonynahas/ngx-material-password-strength.svg?style=flat-square)](https://github.com/AnthonyNahas/ngx-material-password-strength/blob/master/LICENSE)
 
 <p align="center">
   <img alt="ngx-material-password-strength" style="text-align: center;"
@@ -22,6 +24,13 @@ View all the directives in action at https://anthonynahas.github.io/ngx-material
 ## Dependencies
 * [Angular](https://angular.io) (*requires* Angular 2 or higher, tested with 2.0.0)
 
+### Requirements:
+- [angular material ](https://www.npmjs.com/package/@angular/material)
+- [angular material theme](https://material.angular.io/guide/getting-started#step-4-include-a-theme)
+- [angular cdk ](https://www.npmjs.com/package/@angular/cdk)
+- if you need a built in theme --> please let me know
+
+
 ## Installation
 Install above dependencies via *npm*. 
 
@@ -74,7 +83,51 @@ export class OtherModule {
 
 ## Usage
 
+add the `ngx-material-password-strength` element to your template:
+
+```html
+<ngx-material-password-strength
+            [password]="password.value">
+          </ngx-material-password-strength>
+```
+
+This will display only the material password strength meter in form of a progress without any input conatiner
+or else.
+
+In the following example, we integration a material input container with `ngx-material-password-strength` 's component.
+
+```html
+<div>
+  <mat-input-container floatPlaceholder="auto" style="width: 100%">
+         <input matInput #password
+                [type]="inputType"
+                required
+                placeholder="Password">
+         <mat-hint align="end" aria-live="polite">
+           {{password.value.length}} / 25
+         </mat-hint>
+       </mat-input-container>
+       <ngx-material-password-strength
+         [password]="password.value">
+       </ngx-material-password-strength>
+     </div>
+```
+
+[learn more about mat-input-container](https://material.angular.io/components/input/overview)
 
+## Development
+
+To generate all `*.js`, `*.d.ts` and `*.metadata.json` files:
+
+```bash
+$ npm run build
+```
+
+To lint all `*.ts` files:
+
+```bash
+$ npm run lint
+```
 
 ## License