modify readme.md

Author: Gourav Dwivedi

README.md

@@ -1,9 +1,26 @@
 # SignalR-Web-Client
-ASP.Net Core Signal R JavaScript based Web Client
+ASP.Net Core Signal-R Web Client is based on JavaScript  
 
 
-This is a UI based ASP.Net Core SignalR client. It is used to test SignalR Hub. It is a debugging tool to test ASP.Net Core SignalR hubs. Using this tool, we can send the data to the SignalR hub and receive the response emit from the Signal R Hub. This tool is design for dotnet developer to make their life easier when they work with SignalR.
+This is a UI based SignalR client. It is a debugging tool to test ASP.Net Core SignalR hubs. Using this tool, we can send the data to the SignalR hub and receive the response emit from the SignalR Hub. This tool is design for dotnet developer to make their life easier when they work with SignalR.
 
+## Table of Contents
+
+-   [Basic Understanding of](#Basic-Understanding-of)
+-   [Install](#install)
+-   [Usage](#usage)
+-   [Examples & Demos](#examples--demos)
+-   [API](#api)
+-   [Contribute](#contribute)
+-   [License](#license)
+
+
+## Basic Understanding of:
+
+Before using this should, you should be know few concepts about:
+
+- [What is Asp.Net Core?](https://dotnet.microsoft.com/learn/aspnet/what-is-aspnet-core)
+- [What is SignalR in Asp.Net Core?](https://docs.microsoft.com/en-us/aspnet/core/signalr/introduction?view=aspnetcore-3.0)
 
 <p align="center">
   <img src="./src/images/SignalR-Web-Client.jpg" >
@@ -20,16 +37,16 @@ SignalR Web Client have two views:
 1. Basic
 2. Advance
 
-## Baisc
+### Baisc View
 
-In this basic view, you can contact to hub by providing the hub address. And to can start 
+In this basic view, you can contact to hub by providing the hub address.
 
-1. Pass the valid Hub address in Service Endpoint textbox.(for ex. https://localhost:5001/Test/OneHub).
+1. Pass the valid Hub address in Hub Address textbox.(for ex. https://localhost:5001/Test/OneHub).
 <img src="./src/images/1.PNG"  width="600px" height="400px" />
 
 2. Once click on Connect button, it will make connection with server. Once the connection is established, if any data is broadcast from the Hub(ex. OneHub) to all the client. Then, it will be displayed in Response payload textbox.
 
-3. If we want to test any Hub method. For exmaple
+3. If we want to call any Hub method. For exmaple TesCall method
 ```csharp
 public class OneHub : Hub
 {
@@ -40,22 +57,35 @@ public class OneHub : Hub
     }
 }
 ```
-So, in the tool, we have to pass the parameter.
+In the tool, we have to pass the parameter.
 
-Server Method: TestCall
-Request Payload: It can take multiple parameters. In our example, TestCall method only taking one parameter of type string. 
-ex. Arg: abc
-    Type: Text
+#### Server Method: 
+    TestCall
 
-Currently Data Type supports: Text, Number & JSON
+#### Request Payload:
+    It can take multiple parameters. In our example, TestCall method only taking one parameter of type string. 
+    ex. Arg: abc
+        Type: Text
+
+#### Data Type supports:
+    Text, Number & JSON
 
 <img src="./src/images/5.PNG" width="300px" height="300px" />
 
 Then click on send button. It will send all the data to the hub. 
 
 <img src="./src/images/3.PNG"   />
 
-## Advance
+### Advance View
+
+It has all the functionality which basic view provides, also it has additional features:
+ - Authentication Header
+ - Transport Type ([To know more about SignalR Transport](https://kevgriffin.com/signalr-transports-explained/))
+
+ <img src="./src/images/2.PNG"   />
+
+## Browser Support
+Currently it supports only chrome browser.
 
 ### Reporting Issues
 
@@ -68,4 +98,9 @@ Then, just open a [new clear and descriptive issue](../../issues/new).
 
 ## License
 
-[MIT License](https://opensource.org/licenses/MIT)
+[MIT License](https://opensource.org/licenses/MIT)
+
+---
+Copyright &copy; 2019,
+Created by [Gourav Dwivedi](https://github.com/gouravdwivedi6590).
+Released under the terms of the [MIT license](https://github.com/gouravdwivedi6590/SignalR-Web-Client/blob/master/LICENSE).

src/js/components/srform.component.js

@@ -38,7 +38,7 @@ class SrFormComponent extends HTMLElement {
                                     </div>
                                     
                                     <div class="form-group row">
-                                        <label for="inputUrl" class="col-sm-2 col-form-label">Service Endpoint</label>
+                                        <label for="inputUrl" class="col-sm-2 col-form-label">Hub Address</label>
                                         <div class="col-sm-10">
                                             <input type="text" class="form-control inputUrl" id="inputUrl" placeholder="Url" value="https://localhost:5001/Test/OneHub">
                                         </div>
@@ -62,7 +62,7 @@ class SrFormComponent extends HTMLElement {
                                     </div>
 
                                     <div class="form-group row onconnect" ${divStyle} id="protocol-support">
-                                        <label class="col-sm-2 col-form-label">Protocol Supported</label>
+                                        <label class="col-sm-2 col-form-label">Transport Type</label>
                                         <div class="col-sm-10 offset-sm-2">
                                             <div class="form-check form-check-inline">
                                                 <input type="checkbox" id="chk-ws" class="form-check-input protocol-support" value="ws" checked/>