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.
- Real-time messaging
- User authentication
- Dynamic chat room management
- Responsive and intuitive user interface
- Frontend: React.js, Next.js
- Backend: Node.js, Express.js
- Database: MongoDB
- Real-time Communication: Socket.IO
- Styling: Tailwind CSS
- 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.
-
-
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.
-
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.
-
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.
-
Logout
- To end your session, click on the "Logout" button in the top right corner.