/ChitChat

ChitChat is a real time web based chat application in which users can communicate with each other in a room.

Primary LanguageJavaScript

ChitChat - A Real Time Chat Application

  • This is a real-time chat application built using Express.js, Socket.io, and React.js.
  • It allows users to connect, send and receive messages in real-time.

Features :

  • Real-Time Messaging: Send and receive messages instantly without needing to refresh the page.

  • User Join/Leave Events: Displays user join and leave events in the chat interface.

  • Sender and Recipient Messages: Distinguishes between sender and recipient messages, with different styling or positioning.

  • Dynamic Layout: Keeps the input area at the bottom of the screen, even when scrolling.

Technologies Used :

  • Server-Side:

    • Express.js: A minimal and flexible Node.js web application framework.
    • Socket.io: A library that enables real-time, bidirectional, and event-based communication between web clients and servers.

  • Client-Side:

    • React.js: A JavaScript library for building user interfaces.
    • Socket.io-client: The client-side library for Socket.io, used to establish a connection to the server.