Skip to content

Vaibhav-shelke1/ChatApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Real-Time Chat Application 💬

A feature-rich real-time chat application built with Node.js, Express, and Socket.IO for the backend, and HTML, CSS, and JavaScript for the frontend. This app supports live messaging, multimedia sharing, and photo capture directly from the chat interface.

Features ✨

  • Real-Time Messaging: Send and receive messages instantly.
  • Live User Count: Displays the number of active users in real-time.
  • Multimedia Sharing: Share images, videos, and audio clips with ease.
  • Photo Capture: Take and send photos directly from the chat interface.
  • Responsive Design: Optimized for a seamless experience on all devices.

Live Demo 🚀

Check out the live demo: Live Chat App

Installation 🛠️

  1. Clone the repository:
    git clone https://github.com/your-username/your-repo-name.git
  2. Navigate to the project directory:
    cd your-repo-name
  3. Install the dependencies:
    npm install
  4. Start the server:
    npm start
  5. Open your browser and navigate to:
    http://localhost:3000
    

Usage 📋

  • Join the Chat: Enter your name when prompted to join the chat.
  • Send Messages: Type a message and hit "Send" to chat with others.
  • Share Files: Use the file input to upload and share images or videos.
  • Capture Photos: Click the photo button to capture and share photos directly.

Technologies Used 🛠️

  • Node.js
  • Express
  • Socket.IO
  • HTML
  • CSS
  • JavaScript

Releases

No releases published

Packages

No packages published