Final changes v1.0.0

Author: jeroenouw

README.md

@@ -1 +1,34 @@
-# NgxAi
+[![demolive](https://img.shields.io/badge/demo-live-green.svg)](http://angularai.jerouw.nl/)
+[![npmversion](https://img.shields.io/npm/v/ngx-ai.svg)]()
+[![npmlicense](https://img.shields.io/npm/l/ngx-ai.svg)](https://github.com/jeroenouw/AngularAI/blob/master/LICENSE/)
+[![stars](https://img.shields.io/github/stars/jeroenouw/AngularAI.svg)](https://github.com/jeroenouw/AngularAI/stargazers)
+[![downloads](https://img.shields.io/npm/dy/ngx-ai.svg)]()
+
+# Angular 5 AI
+A small AI application containing [Angular 5](https://angular.io), [Material](https://material.io/) and [Dialogflow](https://dialogflow.com/).
+
+## [Live demo](http://angularai.jerouw.nl) 
+![demo](https://jerouw.nl/wp-content/uploads/2017/10/angular5ai.png "demo")
+
+## Features
+* Angular 5
+* Material Design
+* RXJS observables
+* Dialogflow AI
+* Chatbot
+
+## Example sentences
+* Can you get smarter?
+* You're boring
+* Who is your boss?
+* You are funny
+* Are we friends?
+* I'll be back
+* You're wrong
+
+## Contributing
+Want to file a bug, contribute some code, or improve documentation? Feel free to place an [issue](https://github.com/jeroenouw/AngularAI/issues).  
+
+### credits
+[Angular Firebase](https://angularfirebase.com/)  
+[Dialogflow](https://dialogflow.com/)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-ai",
-  "version": "0.0.1",
+  "version": "1.0.0",
   "author": "Jeroen Ouwehand",
   "description": "Angular 5 AI",
   "keywords": [
@@ -23,7 +23,11 @@
     "start": "ng serve",
     "test": "ng test",
     "pree2e": "webdriver-manager update --standalone false --gecko false",
-    "e2e": "protractor"
+    "e2e": "protractor",
+    "dist": "ng build",
+    "prod": "ng build --prod",
+    "prod:aot": "ng build --prod --aot",
+    "prod:opt": "ng build --prod --build-optimizer"
   },
   "dependencies": {
     "@angular/animations": "^5.0.0-rc.8",

src/app/app.module.ts

@@ -2,6 +2,7 @@ import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { FormsModule } from '@angular/forms';
+import { HttpClientModule } from '@angular/common/http';
 import { MatButtonModule, MatInputModule, MatCardModule, MatIconModule } from '@angular/Material';
 
 import { AppComponent } from './app.component';
@@ -18,6 +19,7 @@ import { AiComponent } from './components/ai/ai.component';
     BrowserModule,
     BrowserAnimationsModule,
     FormsModule,
+    HttpClientModule,
     MatButtonModule, MatInputModule, MatCardModule, MatIconModule
   ],
   providers: [

src/app/components/ai/ai.component.html

@@ -1,6 +1,5 @@
 <mat-card>
     <h1 class="mat-display-1">Angular 5 AI</h1>
-    <h4 >Please ask me something...</h4>
 
     <mat-card-content *ngFor="let message of allMessages | async">
         <div 
@@ -11,10 +10,11 @@ <h4 >Please ask me something...</h4>
     </mat-card-content>
 
     <mat-input-container>
-        <input matInput [(ngModel)]="formInput" placeholder="Your Message..." (keyup.enter)="sendMessageToBot()" type="text">
+        <input matInput [(ngModel)]="formInput" min="2" placeholder="Your Message..." (keyup.enter)="sendMessageToBot()" type="text">
     </mat-input-container>
 
     <mat-card-actions class="button center">
         <button mat-raised-button (click)="sendMessageToBot()">Send</button>
     </mat-card-actions>
+    
 </mat-card>

src/main.ts

@@ -8,4 +8,6 @@ if (environment.production) {
   enableProdMode();
 }
 
-platformBrowserDynamic().bootstrapModule(AppModule);
+platformBrowserDynamic().bootstrapModule(AppModule, {
+  preserveWhitespaces: false
+});

src/styles.scss

@@ -78,17 +78,6 @@ figure {
     margin: 1em 40px;
 }
 
-/**
-* 1. Add the correct box sizing in Firefox.
-* 2. Show the overflow in Edge and IE.
-*/
-
-hr {
-    box-sizing: content-box; /* 1 */
-    height: 0; /* 1 */
-    overflow: visible; /* 2 */
-}
-
 /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
@@ -141,18 +130,6 @@ strong {
     font-weight: bolder;
 }
 
-/**
-* 1. Correct the inheritance and scaling of font size in all browsers.
-* 2. Correct the odd `em` font sizing in all browsers.
-*/
-
-code,
-kbd,
-samp {
-    font-family: monospace, monospace; /* 1 */
-    font-size: 1em; /* 2 */
-}
-
 /**
 * Add the correct font style in Android 4.3-.
 */
@@ -178,27 +155,6 @@ small {
     font-size: 80%;
 }
 
-/**
-* Prevent `sub` and `sup` elements from affecting the line height in
-* all browsers.
-*/
-
-sub,
-sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline;
-}
-
-sub {
-    bottom: -0.25em;
-}
-
-sup {
-    top: -0.5em;
-}
-
 /* Embedded content
 ========================================================================== */
 
@@ -220,14 +176,6 @@ audio:not([controls]) {
     height: 0;
 }
 
-/**
-* Remove the border on images inside links in IE 10-.
-*/
-
-img {
-    border-style: none;
-}
-
 /**
 * Hide the overflow in IE.
 */
@@ -372,83 +320,3 @@ textarea {
 [type="number"]::-webkit-outer-spin-button {
     height: auto;
 }
-
-/**
-* 1. Correct the odd appearance in Chrome and Safari.
-* 2. Correct the outline style in Safari.
-*/
-
-[type="search"] {
-    -webkit-appearance: textfield; /* 1 */
-    outline-offset: -2px; /* 2 */
-}
-
-/**
-* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
-*/
-
-[type="search"]::-webkit-search-cancel-button,
-[type="search"]::-webkit-search-decoration {
-    -webkit-appearance: none;
-}
-
-/**
-* 1. Correct the inability to style clickable types in iOS and Safari.
-* 2. Change font properties to `inherit` in Safari.
-*/
-
-::-webkit-file-upload-button {
-    -webkit-appearance: button; /* 1 */
-    font: inherit; /* 2 */
-}
-
-/* Interactive
-========================================================================== */
-
-/*
-* Add the correct display in IE 9-.
-* 1. Add the correct display in Edge, IE, and Firefox.
-*/
-
-details, /* 1 */
-menu {
-    display: block;
-}
-
-/*
-* Add the correct display in all browsers.
-*/
-
-summary {
-    display: list-item;
-}
-
-/* Scripting
-========================================================================== */
-
-/**
-* Add the correct display in IE 9-.
-*/
-
-canvas {
-    display: inline-block;
-}
-
-/**
-* Add the correct display in IE.
-*/
-
-template {
-    display: none;
-}
-
-/* Hidden
-========================================================================== */
-
-/**
-* Add the correct display in IE 10-.
-*/
-
-[hidden] {
-    display: none;
-}