message-app's Introduction

Real-Time Chat App by

Alay Kabir
IIT Dhanbad
Mechanical Engineering

This is a real-time chat application built using React.js, Node.js, MongoDB, and Socket.io. It allows users to engage in real-time chat conversations with multiple participants.

Features

Real-time chat with multiple users
User authentication and registration
Persistent message storage using MongoDB
User avatars
Typing indicators
Online/offline status

Technologies Used

React.js: Frontend user interface
Node.js: Backend server
MongoDB: Database for message storage
Socket.io: Real-time communication
Express.js: Web server framework
CSS: Styling and design

Installation

Clone the repository:

git clone https://github.com/alaykabir/Message-App

.git


2. Navigate to the project directory:

```shell
cd Message-App

Install the server dependencies:
```
cd server
npm install
```
Install the client dependencies:
```
cd ../client
npm install
```

Configuration

Create a .env file in the server directory with the following environment variables:
```
MONGODB_URI=your_mongodb_uri
PORT=5000
```

Update the client/src/config.js file with the server URL:

const config = {
  serverUrl: 'http://localhost:5000', // Update this with your server URL
};

export default config;

Usage

Start the server:
```
cd server
npm start
```
Start the client:
```
cd ../client
npm start
```
Access the application in your web browser at http://localhost:3000.

Acknowledgments

This project was inspired by the need for real-time communication in modern web applications.
Special thanks to the creators and maintainers of React, Node.js, MongoDB, Socket.io, and other open-source technologies used in this project.