shahidkhatrii / realtime-chat-app-mern

Realtime Chat Application

This Realtime Chat Application is developed using the MERN stack (MongoDB, Express.js, React, Node.js) with socket.io for real-time communication. Redux Toolkit is employed for efficient state management, and Material UI along with CSS is utilized for an intuitive user interface.

Demo

https://realtime-chat-app-sand-one.vercel.app

Features

1. Real-Time Communication: Utilizes socket.io for instant messaging, providing a seamless and responsive chat experience.

2. One-on-One Chat: Allows users to engage in private, one-on-one conversations with other users.

3. Group Chat: Supports group chats, enabling multiple users to participate in a single conversation.

4. Group Creation: Users have the ability to create groups and invite others to join, fostering collaborative discussions.

5. Notification Feature: Keeps users informed with real-time notifications for new messages and group activity.

6. User Authentication: Implements secure user authentication to ensure only authorized users can access the chat application.

Tech Stack

• Frontend: Developed using React with Vite as the build tool, Redux for state management, Material UI for the user interface, and CSS for styling.

• Backend: Built with Node.js and Express.js, with MongoDB as the database for storing user information and chat data.

• Real-Time Communication: Utilizes socket.io for seamless and instantaneous communication.

Getting Started

1. Clone the repository:

   git clone https://github.com/Shahidkhatrii/RealTime-chat-app-MERN.git

2. Install dependencies for frontend:

   # Navigate to the frontend directory
   cd RealTime-chat-app-MERN/client
   npm install
   

3. Start the application:

   npm run dev
   
   

4. Open your browser and go to http://localhost:5173 to access the Realtime Chat Application.

Author

• Mohd Shahid