Realtime Chat Application ReactJs screenshot

Realtime Chat Application ReactJs

Author Avatar Theme by Alanbinu007
Updated: 3 Feb 2022
39 Stars

This is a real time chat application created using ReactJs. The main theme is how to use chatengine. Here we can able to create group, send message to group as well as individual and we also implemented Google Auth

Categories

Overview:

My Chat is a real-time chat application created using the ChatEngine.io API. It is a chat platform that allows users to login, create groups, send group and individual messages, view team members, and logout. The application has a neat and clean user interface, making it easy to navigate and use.

Features:

  • Login and Logout: Users can login to the chat application using their Google or Facebook authentication and logout when they are done.
  • Make Group, Delete Group: Users have the ability to create groups and delete them as needed.
  • View team members: The application provides a feature to view team members who are part of the chat.
  • Send group and individual messages: Users can send messages to groups as well as individuals, allowing for both group discussions and personal conversations.
  • Neat and clean UI: The user interface of the chat application is designed to be clean and organized, making it visually pleasing and user-friendly.

Installation:

To run the My Chat application on your machine, follow these steps:

  1. Go to ChatEngine.io and create an app.
  2. Copy your app ID and add it to the env file.
  3. Create a Firebase app at Firebase Console.
  4. Copy the app configuration details from Firebase and add them to the firebase.js file.
  5. Run the following commands to start the application:
npm install
npm start

Summary:

My Chat is a real-time chat application created using the ChatEngine.io API. It offers features such as login and logout, group creation and deletion, viewing team members, and sending group and individual messages. The application has a neat and clean UI, providing a smooth user experience. To run the application, you need to create an app on ChatEngine.io, add the app ID to the env file, create a Firebase app, and add the Firebase app configuration details to the firebase.js file before running the required commands.