Skip to content

Chakri2759/Chat-Application

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💬 Real-Time Chat Application

A real-time Chat Application built using Node.js, Express.js, and Socket.io, allowing users to send and receive messages instantly. This project demonstrates the implementation of WebSocket-based communication, server-side event handling, and dynamic frontend updates — perfect for learning the basics of real-time apps.

🚀 Features

  • 🔌 Real-time bi-directional communication using Socket.io
  • 💬 Live message broadcasting to all connected users
  • 🕒 Timestamps for each message
  • 🌐 Clean and responsive chat UI with React.js, TailwindCSS, and JavaScript
  • 🚪 Show Online Users

🛠 Tech Stack

  • Node.js – Backend runtime
  • Express.js – Web framework
  • Socket.io – Real-time communication
  • React.js/TailwindCSS/JavaScript – Frontend
  • **MongoDB - Database

⚙️ How to Run Locally

  1. Clone the repository:

    git clone https://github.com/Chakri2759/Chat-Application.git
  2. Navigate to the project directory:

    cd Chat-Application
  3. Start Frontend:

    cd frontend
    npm install
    npm start
  4. Start the server:

    cd backend
    npm install
    npm start
  5. Open your browser and go to:

    http://localhost:3000
    
  6. Open the link in multiple tabs or devices to test real-time chatting.

📄 License

This project is intended for educational purposes and open-source learning. All contributions are welcome!

About

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors