agrim0312 / RealChat

RealChat

RealChat is a real-time chat application built using the MERN (MongoDB, Express.js, React.js, Node.js) stack, enhanced with Socket.IO for seamless bi-directional communication.

Features

• Real-time messaging
• User authentication
• Dynamic chat room management
• Responsive and intuitive user interface

Tech Stack

• Frontend: React.js, Next.js
• Backend: Node.js, Express.js
• Database: MongoDB
• Real-time Communication: Socket.IO
• Styling: Tailwind CSS

Usage

1. Sign Up / Log In

   • Open the RealChat application in your web browser.

   • If you're a new user, click on the "Sign Up" button and fill in your details.

   • For returning users, click on "Log In" and enter your credentials.

2. Join or Create a Chat Room

   • Once logged in, you'll see a list of available chat rooms.
   • Join an existing room by clicking on its name.
   • To create a new room, click on the "Create New Room" button and give it a name.

3. Start Chatting

   • In the chat room, you'll see the message history (if any).
   • Type your message in the input field at the bottom of the screen.
   • Press "Enter" or click the "Send" button to send your message.
   • Your message will appear in real-time for all users in the room.

4. Manage Chat Rooms

   • As a room creator, you can manage your room settings.
   • Click on the room settings icon to modify room details or delete the room.

5. Logout

   • To end your session, click on the "Logout" button in the top right corner.