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.