Tomper Chat

screenshot of Tomper Chat
express
react
chakra-ui

WhatsApp clone build using MERN stack

Overview:

TomperChat is a WhatsApp clone built using the MERN stack. It utilizes socket.io for real-time messaging, online statuses, typing indicators, and notifications. With features such as user authentication, the ability to search for users to chat with, create group chats, and more, TomperChat provides a seamless messaging experience.

Features:

  • User authentication: Users can securely authenticate themselves.
  • Search for users to chat with: Find and connect with other users for private conversations.
  • Create a group chat: Users can create group chats and invite others to join.
  • Group chat administration: Only the admin of a group chat can edit details such as the name or add/remove users.
  • Leave group chats: Users have the option to leave group chats if they are not interested.
  • Real-time messaging with socket.io: Chat in real-time with other users.
  • Real-time online/offline status: Know the online/offline status of other users in private chats.
  • Typing indicator: See when other users are typing in both private and group chats.
  • Chat notifications: Receive real-time notifications for both private and group chats.
  • Responsive design: The application is responsive and can be used on various screen sizes.
  • WhatsApp-like experience: Provides a user experience similar to WhatsApp Web or the desktop app.

Summary:

TomperChat is a WhatsApp clone built using the MERN stack, providing users with a seamless messaging experience. With features such as user authentication, real-time messaging, online/offline statuses, and more, TomperChat offers a familiar and reliable platform for communication. The installation process is straightforward, and the application is responsive and works on various screen sizes.

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

chakra-ui
Chakra UI

Chakra UI is a popular open-source React component library that provides a set of accessible and customizable UI components to help developers create modern web applications.