Skip to content

Latest commit

 

History

History
66 lines (40 loc) · 1.57 KB

README.md

File metadata and controls

66 lines (40 loc) · 1.57 KB
Raw

Real-time Chat Application with React.js

This is a real-time chat application built with React.js and a Node.js backend using the Socket.io library.

Features

  • Real-time messaging with multiple users
  • Responsive design for desktop and mobile devices
  • User authentication using JWT tokens
  • Typing indicators and message read receipts
  • Chat history persistence

Technologies Used

  • React.js
  • Node.js
  • Socket.io

Getting Started

Prerequisites

  • Node.js (version 12 or later)

Installation

Clone the repository:

git clone https://github.com/icode247/RealChat

Navigate to the project directory:

cd chat-app-react

Install the required dependencies:

npm install

Create a .env file in the root directory with the following contents:

Start the React.js application:

npm start

Start the Node.js backend:

cd backend
npm start

Open your web browser and navigate to http://localhost:3000/ to access the chat application.

Usage

  • Register a new user account or log in with an existing one.
  • Create a new chat room or join an existing one.
  • Start sending messages in real-time with other users in the chat room.
  • View chat history and read receipts for each message.
  • Log out of the application when done.

Contributing

Contributions are welcome! Please fork the repository and create a pull request with your changes.

Acknowledgments

This project was inspired by the Socket.io chat application tutorial. Thanks to the developers of React.js, Node.js, and Socket.io for creating these amazing technologies.