feat: added README file

.gitignore

@@ -1,4 +1,5 @@
 node_modules/
 build/
 .gitignore
-.vscode
+.vscode
+.env

README.md

@@ -0,0 +1,9 @@
+## Hotel Booking DApp
+##### A Decenetralized Hotel Booking System
+<p>This is a simple POC on Blockchain and Smart Contracts</p> 
+<p>The DApp(Decentralized Application) basically enables users to list hotels by paying some listing fee and add rooms</p>
+<p>User can be a ble to list hotels and book rooms from wherver they are:</p>
+
+<img src="../screenshots/dapp1.png"/>
+<img src="../screenshote/dapp2.png"/>
+<img src="../screenshots/dapp3.png"/>

client/src/components/HotelItem.js

@@ -1,25 +1,39 @@
 import React, { Component } from 'react';
-
+//import HotelContractABI from '../src/abi/Room.json';
 export default class HotelItem extends Component {
     constructor(props) {
         super(props);
         this.state = {
-            rooms:[]
+            rooms:[],
+            hotelId: null,
+            hotelContractABI:null
         }
     }
 
     async componentWillMount(){
 
     }
 
-    async fetcchRooms(){
+    async fetchRooms(){
 
     }
 
+    async fetchHotelData(){
+        const web3 = window.web3;
+
+    }
+
     render(){
         return (
             <div className="container">
-
+                <div className="col-md-6">
+                    Hotel MetaData Get displayed here
+                </div> 
+                <div className="col-md-6 row">
+                    <div className="col-md-4">
+                        Rooms Get Listed Here
+                    </div>
+                </div>  
             </div>
         )
     }

client/src/components/HotelList.js

@@ -43,7 +43,7 @@ export default class  HotelList extends Component {
                 )}
                 </div>
 
-            </div>
+            </div>  
         );
     }
 }

client/src/components/NewHotel.js

@@ -119,10 +119,10 @@ export default class NewHotel extends Component {
                             </div>
                             <div className="form-group row mb-2">
                                 <div className="col-sm-6">
-                                    <button type="submit" className="btn btn-primary">Add Hotel</button>
+                                    <button type="submit" className="btn btn-primary">List Hotel</button>
                                 </div>
                                 <div className="col-sm-6">
-                                    <button onClick={this.clearForm} className="btn btn-primary">Clear Form</button>
+                                    <button onClick={this.clearForm} className="btn btn-warning">Clear Form</button>
                                 </div>
                             </div>
                         </form>