Add image meta tag and update README.md

Author: C-Garza

README.md

@@ -3,8 +3,10 @@
 ### Live Demo can be found [here](https://garza-p2p-react.herokuapp.com/)
 A video chat app using NodeJS/Express, ReactJS, Socket.IO, and PeerJS to wrap the WebRTC API.
 
+![P2P React Screenshot](https://raw.githubusercontent.com/C-Garza/p2p-react/master/streams-react/src/media/images/og-p2p-react.png)
+
 Features include the ability to create a room and join a room with peers. In a room, users can change their username,
-mute their streams, toggle their video stream on/off, and screenshare with peers.
+mute their streams, toggle their video stream on/off, screenshare and text chat with peers.
 
 To-Do:
 * Private Rooms

streams-react/public/index.html

@@ -11,7 +11,8 @@
     />
     <meta property="og:title" content="P2P React" />
     <meta property="og:description" content="P2P React is a web app where users can video/text chat with each other through peer-to-peer connections via WebRTC." />
-    
+    <meta property="og:image" contet="https://raw.githubusercontent.com/C-Garza/p2p-react/master/streams-react/src/media/images/og-p2p-react.png" />
+    <meta property="og:url" content="https://garza-p2p-react.herokuapp.com/" />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a