real time chat app added (#1081)

* real time chat app added

* real-time-chat-app added

* real-time-chat-app added

src/app/(category)/README.md

@@ -541,6 +541,13 @@
 | [User Registration System](./src/app/(category)/node/(projects)/user-registration-system) | [Youtube Video Downloader](./src/app/(category)/node/(projects)/youtube-video-downloader) | [med-brain](./src/app/(category)/node/(projects)/med-brain) |  |
 
 
+#### :zap: Row 6
+
+| <img src="/src/app/(category)/node/(projects)/real-time-chat-app/screenshot.webp" width="300px" height="180px"> | 
+| :--: |
+| [Real Time Chat App](./src/app/(category)/node/(projects)/real-time-chat-app)  |  |
+
+
 
 
 

src/app/(category)/node/(projects)/real-time-chat-app/README.md

@@ -0,0 +1,80 @@
+<h1 align='center'><b>💬 Real-Time Chat App 💬</b></h1>
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+<h3 align='center'>Tech Stack Used 🎮</h3>
+<!-- enlist all the technologies used to create this project from them (Remove comment using 'ctrl+z' or 'command+z') -->
+
+<div align='center'>
+  <img src="https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white" alt="Node.js"/>
+  <img src="https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB" alt="Express.js"/>
+  <img src="https://img.shields.io/badge/socket.io-%23121011.svg?style=for-the-badge&logo=socket.io&logoColor=white" alt="Socket.io"/>
+  <img src="https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=for-the-badge&logo=mongodb&logoColor=white" alt="MongoDB"/>
+  <img src="https://img.shields.io/badge/jwt-%23000000.svg?style=for-the-badge&logo=json-web-tokens&logoColor=white" alt="JWT"/>
+</div>
+
+![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Description 📃
+
+Real-Time Chat App is a backend infrastructure that allows users to chat with each other in real-time. The app supports authentication and maintains active sessions for logged-in users. **Users** can send and receive messages instantly. It leverages **Socket.io** for real-time communication and **JWT** for secure user authentication.
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: How to run it? 🕹️
+
+1. Fork the repository.
+
+2. Clone the project.
+
+git clone repository-url
+
+3. Install dependencies.
+
+npm install
+
+4. Create and update `.env` file.
+
+MONGODB_URI = YOUR_MONGODB_URI  
+PORT = 5001  
+JWT_SECRET = YOUR_SECRET  
+NODE_ENV = development  
+
+5. Run the server.
+
+npm start
+
+6. In another terminal, start the client-side of the application (if applicable).
+
+cd client  
+npm start
+
+## :zap: Screenshots 📸
+
+### LOGIN (Authentication: Yes)
+<img src="./images/login.png"/>
+
+### CHATROOM (Real-Time Messaging)
+<img src="./images/chatroom.png"/>
+
+---
+
+![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+<h4 align='center'>Developed By <b><i>Harshit</i></b> 👩</h4>
+<p align='center'>
+  <a href='https://www.linkedin.com/in/harshit-saini-b855b6296'>
+    <img src='https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white' />
+  </a>
+  <a href='https://github.com/Harshit457'>
+    <img src='https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white' />
+  </a>
+</p>
+
+<h4 align='center'>Happy Coding 🧑‍💻</h4>
+
+<h3 align="center">Show some &nbsp;❤️&nbsp; by &nbsp;🌟&nbsp; this repository!</h3>