The latest articles on DEV Community by Bhavneet Singh (@singhbhavneet). https://dev.to/singhbhavneet https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F131908%2Fa6e207e5-f35e-47ef-8634-639d01bb7af0.jpeg https://dev.to/singhbhavneet en Bhavneet Singh Fri, 25 Jan 2019 20:32:15 +0000 https://dev.to/singhbhavneet/gitmessenger-3657 https://dev.to/singhbhavneet/gitmessenger-3657 <p>Hey developers i have created a chat app with nodejs , socket.io, passportjs , Firebase , expressjs and getbootstrap where github users can chat with each other and share codes,images and much more.<br> Here is link <a href="https://gitmessenger.herokuapp.com/" rel="noopener noreferrer">https://gitmessenger.herokuapp.com/</a> <br> </p> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/developerpaaji" rel="noopener noreferrer"> developerpaaji </a> / <a href="https://github.com/developerpaaji/GitMessenger" rel="noopener noreferrer"> GitMessenger </a> </h2> <h3> GitMessenger is github chat app built with socket.io , firebase, nodejs and bootstrap where developers can share code,images and much more 😊 </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <div class="markdown-heading"> <h1 class="heading-element">GitMessenger</h1> </div> <p>Link - <a href="https://gitmessenger.herokuapp.com" rel="nofollow noopener noreferrer">https://gitmessenger.herokuapp.com</a></p> <p>A chat app built with Nodejs, Socket.io, Firebase, Prism and Bootstrap</p> <p>Mobile Screenshot</p> <p><a rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/4060a62b963d595ac3e18493773503503f86fead7967a4a62844cd78f04daaf2/68747470733a2f2f7777772e64726f70626f782e636f6d2f732f627063786c65687434656a6a6432382f67697068792e6769663f646c3d30267261773d31"><img src="https://camo.githubusercontent.com/4060a62b963d595ac3e18493773503503f86fead7967a4a62844cd78f04daaf2/68747470733a2f2f7777772e64726f70626f782e636f6d2f732f627063786c65687434656a6a6432382f67697068792e6769663f646c3d30267261773d31" alt="giphy.gif"></a></p> <p>Desktop Screenshots</p> <p><a rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/baabf1b7b8ea999d115c017256488e3522137909186dc4e51f5764dddb6384e9/68747470733a2f2f6c68332e676f6f676c6575736572636f6e74656e742e636f6d2f746b52594f4275716238345f536e2d654f6658724f4a66654c36586b4d385157537662494c30516e557370675357576232754e66794c334456764465677641724b34774b687934594a387077516f6379456a445648426e7354736d7858695956664f5665754655624f625679634838527843636d3035467452356151684f6a6955656b3130474c2d384e79616e39303634737070364f6278656776747877634d59747a32536473484d4b65797a56635563624d4e7633713156375f6c304a6b56426936554f37596170774952506c306c756253357a5257687558517a6839346f5748686345765463317449686a72574a4e6b6a4433676b497943525566304b33527041384875376f5631517a794c4972595831544830506f647743775f38775f4e6e6c5058374c33654d31436d3448573263654956494554647645344c6a6c444a54434c6542436e46326c483576306d4151614f594c6c474a68565062786a37686d4b4646635937567451336570436b5976765033567548625f68586b524e4876496b703865486f6241497a5354773467514e30587a515335534d6c5951546544422d753153666c6472304f506c72386139664642365a355534684568526b71567a593179597a61575151316a635869507253492d663754347532597379687261454c496b482d397875764764307a5f556c30374a71325254597146344665764e6a4c6c554253574e52496f657037554a68714f4f4c4b66746f523361687451475a6a386f524f575361424a427a4361664f6a6c62776933724348467a4873333865745855623576396a31576c3563505f6b57773936327749464175393748337a7558575265433036713751557035506f6c635843567a5245476e697143456567544d45343435546a53394c34664a4a314e4f6d614d513d77313932302d683735342d6e6f"><img src="https://camo.githubusercontent.com/baabf1b7b8ea999d115c017256488e3522137909186dc4e51f5764dddb6384e9/68747470733a2f2f6c68332e676f6f676c6575736572636f6e74656e742e636f6d2f746b52594f4275716238345f536e2d654f6658724f4a66654c36586b4d385157537662494c30516e557370675357576232754e66794c334456764465677641724b34774b687934594a387077516f6379456a445648426e7354736d7858695956664f5665754655624f625679634838527843636d3035467452356151684f6a6955656b3130474c2d384e79616e39303634737070364f6278656776747877634d59747a32536473484d4b65797a56635563624d4e7633713156375f6c304a6b56426936554f37596170774952506c306c756253357a5257687558517a6839346f5748686345765463317449686a72574a4e6b6a4433676b497943525566304b33527041384875376f5631517a794c4972595831544830506f647743775f38775f4e6e6c5058374c33654d31436d3448573263654956494554647645344c6a6c444a54434c6542436e46326c483576306d4151614f594c6c474a68565062786a37686d4b4646635937567451336570436b5976765033567548625f68586b524e4876496b703865486f6241497a5354773467514e30587a515335534d6c5951546544422d753153666c6472304f506c72386139664642365a355534684568526b71567a593179597a61575151316a635869507253492d663754347532597379687261454c496b482d397875764764307a5f556c30374a71325254597146344665764e6a4c6c554253574e52496f657037554a68714f4f4c4b66746f523361687451475a6a386f524f575361424a427a4361664f6a6c62776933724348467a4873333865745855623576396a31576c3563505f6b57773936327749464175393748337a7558575265433036713751557035506f6c635843567a5245476e697143456567544d45343435546a53394c34664a4a314e4f6d614d513d77313932302d683735342d6e6f" alt="Desktop"></a></p> <div class="markdown-heading"> <h2 class="heading-element">Description</h2> </div> <p>GitMessenger is chat app for developers where you can text, share images, code and much more! It is built with nodejs, socket.io, firebase and bootstrap.</p> <div class="markdown-heading"> <h3 class="heading-element">Attention</h3> </div> <p>To use features of firebase in app you will have to paste your own keys at firebase/firebase.js and also paste your own client id and client secret in .env file</p> <div class="snippet-clipboard-content notranslate position-relative overflow-auto"><pre class="notranslate"><code>google-services.json </code></pre></div> <div class="markdown-heading"> <h3 class="heading-element">Built With</h3> </div> <p>Following is list of libraries used in app.</p> <ul> <li> <a href="https://socket.io/" rel="nofollow noopener noreferrer">Socket.io</a> - For creating socket connections</li> <li> <a href="https://nodejs.org/en/" rel="nofollow noopener noreferrer">Node.js</a> - For backend development</li> <li> <a href="https://getbootstrap.com/" rel="nofollow noopener noreferrer">Bootstrap</a> - Frontend development</li> <li> <a href="https://firebase.google.com" rel="nofollow noopener noreferrer">Firebase</a> - For Storing chats,</li> <li> <a href="https://prismjs.com/" rel="nofollow noopener noreferrer">Prism</a> - Sharing codes.</li> <li> <a href="https://www.npmjs.com/package/passport" rel="nofollow noopener noreferrer">Passport</a> - Github Authentication.</li> <li> <a href="https://www.npmjs.com/package/express-session" rel="nofollow noopener noreferrer">Express-Session</a> - Creating sessions.</li> </ul> <div class="markdown-heading"> <h2 class="heading-element">Authors</h2> </div> <ul> <li> <strong>Bhavneet Singh</strong> - <a href="https://github.com/singhbhavneet" rel="noopener noreferrer">singhbhavneet</a> </li> </ul> <div class="markdown-heading"> <h2 class="heading-element">License</h2> </div> <p>This project is licensed under the MIT License - see the <a href="https://github.com/developerpaaji/GitMessengerLICENSE.md" rel="noopener noreferrer">LICENSE.md</a> file for details</p> </div> </div> <br> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/developerpaaji/GitMessenger" rel="noopener noreferrer">View on GitHub</a></div> <br> </div> <br>