Real-Time Chat Application

A web-based chat application enabling users to exchange messages and images with each other in real time. The app is designed for seamless user interaction, ensuring instant and engaging communication experiences.

Features

• Real-Time Messaging: Instantly send and receive messages without page reloads.
• Image Sharing: Upload and share images within the chat window.
• User-Friendly Interface: Responsive design using HTML and CSS for smooth user experience.
• Scalable and Serverless Backend: Powered by Chat Engine.io, simplifying backend management.

Technologies Used

Technology	Purpose
HTML	Structure and layout
CSS	Styling and responsive design
JavaScript	Interactivity and frontend logic
Chat Engine.io	Serverless real-time chat API (backend + sync)

Getting Started

Prerequisites

• A modern web browser (Chrome, Firefox, Edge, etc.)
• Chat Engine.io credentials (API key and project ID)

Installation

1. Clone this repository:

   git clone https://github.com/yourusername/chat-app.git
   cd chat-app

2. Configure Chat Engine.io:

   • Register for Chat Engine.io.
   • Replace placeholder credentials in the JavaScript or config file with your actual API key and project ID.

3. Open index.html in your web browser.

   • No server-side installation needed.

Usage

• Enter your username or preferred display name.
• Start a conversation by selecting or creating a chat room.
• Type a message and press Send to chat in real time.
• Click the Image Upload button to share images instantly with all participants.

Folder Structure

chat-app/
│
├── index.html
├── style.css
├── app.js
└── README.md

Customization

• Modify CSS in style.css to change the look and feel.
• Extend JavaScript in app.js to add new features (notifications, emoji support, etc.).