ChatApp

Overview

This project is a Real-Time Chat Application that enables users to communicate instantly using text messages, images, and videos. The app is built with features like user authentication, real-time messaging, and seamless user experience, making it suitable for modern communication needs.

Features

• User Authentication: Secure login and registration system with token-based authentication.

• Real-Time Messaging: Powered by WebSockets for instant message delivery.

• Media Support: Send and receive images and videos.

• Unread Message Count: Track unseen messages for better user experience.

• Conversation Management: Create and manage conversations dynamically.

• User profiles update

Technologies Used

• Backend: Node.js, Express.ts

• Database: MongoDB (Mongoose for schema modeling)

• Real-Time Communication: Socket.IO

• Frontend: React ts, redux toolkit socket client

• Authentication: JSON Web Tokens (JWT)

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/chatapp.git
   

2. Navigate to the frontend directory:

   cd client
   

3. Install the dependencies:

   npm install
   npm start
   

Usage

1. Navigate to the backend directory:

   cd server
   

2. Install the dependencies:

   npm install
   npm start
   

3. Navigate to the frontend directory:

   cd client
   

4. Start the server:

   npm install
   npm start
   

5. Open your browser and navigate to http://localhost:3000.

Contributing

1. Fork the repository.
2. Create a new branch:

   git checkout -b feature-name
   

3. Make your changes.
4. Commit your changes:

   git commit -m 'Add some feature'
   

5. Push to the branch:

   git push origin feature-name
   

6. Open a pull request.