Realtime Chat

screenshot of Realtime Chat
express
react

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...

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.
express
Express

Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

Redux

Redux is a state management library for JavaScript apps that provides a predictable and centralized way to manage application state. It enables developers to write actions and reducers that update the state in response to user interactions, server responses, and other events, and can be used with a variety of front-end frameworks and back-end technologies.