A Real-Time Chat that allows users to join chat rooms and communicate with each other instantly

by React

Live Chat Application

A Real-Time Chat that allows users to join chat rooms and communicate with each other instantly.
Built using Node.js & Socket.IO & React, and Styled-Components.

View Demo View Github

Preview

Desktop

Mobile

Features

  • Real-time messaging with live updates
  • Multiple chat rooms that users can join
  • Notifications for users joining or leaving the room
  • Beautiful UI inspired by Alex Tkachev's dribbble

Installation

To use this application, follow these steps:

  1. Clone the repository to your local machine
  2. Navigate to the server directory and run npm install to install the server-side dependencies
  3. Run node server.js or npm start or node --watch server.js (node v18.11.0 +) to start the server
  4. Navigate to the client directory and run npm install to install the client-side dependencies
  5. Run npm start to start the client application

Usage

Once you have installed the application and started the server and client, the application will be available in your browser at http://localhost:3000.