real_time_chat_app

A simple chat application inspired by WhatsApp's design. Users can log in with a username and send messages in a chatroom.

Features

• User login system
• Real-time chat interface
• Online users list
• Responsive design with WhatsApp-like styling
• Gradient background for a modern look

Technologies Used

• HTML: Structure of the web app
• CSS: Styling and UI enhancements
• JavaScript: Client-side logic
• Node.js & Express: Backend server
• WebSockets (Socket.io): Real-time communication

Setup Instructions

Prerequisites

• Node.js installed (if using a backend)
• A web browser

Installation

1. Clone the repository: sh git clone https://github.com/maheshy6/real_time_chat_app.git

2. Navigate to the project directory: sh cd real_time_chat_app

3. If using a backend, install dependencies: sh npm install

4. Start the server (if applicable): sh node ./server/server.js

5. Open index.html in a browser.

Usage

1. Enter a username to log in.
2. Send messages in the chatbox.
3. View online users in the list.
4. Logout when done.

Screenshots

License

This project is licensed under the MIT License.