Realtime Chat screenshot

Realtime Chat

Author Avatar Theme by Shakirfarhan
Updated: 30 Dec 2023
177 Stars

A Real time Messaging App which allows users to create accounts and chat with each other in real-time. The website is developed using MERN stack, which includes MongoDB, Express, React, and Node.js. Socket.IO is used for real-time communication between the users. Redux Toolkit is used for state m...

Categories

Overview:

The Real-Time Chat Website with MERN Stack, Socket.io, Redux Toolkit, and Tailwind CSS is a modern platform that enables users to engage in real-time chats through features like user authentication, group creation, notifications, emojis, and a responsive design. It is built using the MERN stack and integrates technologies like Socket.io for real-time communication and Redux Toolkit for state management.

Features:

  • Real-time chat: Users can send and receive messages instantly.
  • User authentication: Sign up, log in, and log out using JWT and Google Auth.
  • Group creation: Create chat rooms and invite others to join.
  • Notifications: Receive notifications for new messages.
  • Emojis: Send and receive emojis in messages.
  • Profile page: Update avatar and display name.
  • Room creation: Users can create chat rooms to interact.
  • Search functionality: Find specific messages or users easily.

Installation:

  1. Fork and clone the repository or download as zip.
  2. Open the project in your code editor.
  3. Terminal - New terminal (If using VS code).
  4. Terminal 1: cd client, create a .env file in the client directory.
  5. Terminal 2: cd server, create a .env file in the server directory.
  6. Follow the instructions in the project README for credential setup.

Summary:

The Real-Time Chat Website with MERN Stack, Socket.io, Redux Toolkit, and Tailwind CSS is a feature-rich platform that offers real-time chat capabilities, user authentication, group creation, notifications, emojis, and responsive design. By leveraging the MERN stack technologies and additional tools like Socket.io and Redux Toolkit, the website provides a seamless and engaging chat experience for users. The installation process involves setting up the project locally by following the provided guidelines in the project’s README.