A React Realtime Chat Application with Social Auth and dedicated chat APIs/sockets.

Last update: May 23, 2022

Chat-Room

This is a fully responsive React chat application with social authentication including Google and Facebook using Firebase online statuses, great design, and functionality, image support, ability to create multiple rooms, and much more.

Introduction

This is a code repository for a React Realtime Chat Application with Social Auth and dedicated chat APIs/sockets.

A React chat app using Firebase and Chat Engine https://chatengine.io

DEMO:

demo

Concepts Covered:

  1. Routing
  2. Firebase Social Login
  3. Firebase Google Login
  4. Firebase Facebook Login
  5. React Context API
  6. Chat Engine, REST API's
  7. environment variables, and more!

Bonus - E-mail notifications

If you want to upgrade this chat application even further by adding e-mail notifications. More info on https://chatengine.io/docs/email_notifications.

GitHub

https://github.com/Arindam2209/Chat-Room
You might also like...

Hexlet-chat: a simple real-time chat application using react

Hexlet tests and linter status Hexlet-chat study project at hexlet.io Overview H

May 17, 2022

This is a chat application where users can chat with people, create posts, save post etc.

This is a chat application where users can chat with people, create posts, save post etc.

Chat Application This is a chat application where users can chat with people, create posts, save post etc. Design inspired by Uchechukwu Ajalam (https

Jun 25, 2022

it is a React application which uses SpaceX open source graphql APIs

spaceX-mini-project it is a React application which uses SpaceX open source graphql APIs

Nov 5, 2021

Facebook clone with react which you can sign in with your google account and send realtime posts on wall

Facebook clone with react which you can sign in with your google account and send realtime posts on wall

Facebook Clone with ReactJS A Facebook Clone which you can sign in with your Goo

Apr 12, 2022

A Facebook Clone which built with reactJS. You can sign in with your Google Account and send realtime posts. Click demo to try it by yourself!

Facebook Clone with ReactJS A Facebook Clone that you can sign in with your Google Account and send realtime posts. Click demo to try it by yourself!

Jul 4, 2022

A Facebook Clone which built with reactJS. You can sign in with your Google Account and send realtime posts.

Facebook Clone with ReactJS A Facebook Clone application that you can sign in with your Google Account and send realtime posts. Facebook Clone Demo Li

Jun 20, 2022

A Slack Clone which built with ReactJS. You can sign in with your Google Account and send realtime posts. Click demo to try it by yourself!

A Slack Clone that you can sign in with your Google Account, add new channels and send realtime messages to them.

Jul 4, 2022

This is a Facebook Messenger clone.You can comminicate to other at realtime.Used ReactJS, Material UI, Firebase, Firestore Database

This is a Facebook Messenger clone.You can comminicate to other at realtime.Used ReactJS, Material UI, Firebase, Firestore Database

🟡 facebook-messenger This is a facebook messenger clone.You can comminicate to other at realtime 💬 ⚡ LIVE To check out the live demo of this app ABO

Apr 20, 2022

Hotel-management-admin - Admin panel of Hotel management system with Firebase Realtime Database Integration

Admin Panel of Hotel Management System This project is part of the Course of Web

May 21, 2022
React-realtime-example - Example Demonstrating React with Realtime API Backend

Getting Started with React Realtime Example App This project contains two folder

Jan 6, 2022
Sockets-remix-thread-prototype - Prototype of real-time comments and a proposal of how to make it production-ready
Sockets-remix-thread-prototype - Prototype of real-time comments and a proposal of how to make it production-ready

Real-time comments prototype Simple demonstration of real-time commenting. Insta

Jan 16, 2022
A collection of social media strategies for remix-auth

Remix Auth Socials A collection of Remix Auth strategies for Oauth2 Social login

Jul 25, 2022
A Password saver app that saves all of your social and non social accounts secure
A Password saver app that saves all of your social and non social accounts secure

A Password saver app that saves all of your social and non social accounts secure please give it a star ?? This project was created Using Reactjs, and

Feb 13, 2022
⚡️ realtime scalable server performance monitor application built using react, node, redis and socket.io with clusters module.
⚡️ realtime scalable server performance monitor application built using react, node, redis and socket.io with clusters module.

PERFMonitor - Performance Monitoring System Introduction PERFMonitor is a web application that shows you performance and problems of one or more serve

Jul 31, 2022
A React Contact Application Using Realtime Database
A React Contact Application Using Realtime Database

Project Title Contact Application Using Realtime Database An application created

Apr 30, 2022
Snow - social network can upload posts, upload images, create polls, interact with friends, create and join groups, and even includes its own chat to talk
Snow - social network can upload posts, upload images, create polls, interact with friends, create and join groups, and even includes its own chat to talk

Snow is a social network. Here you can create and share content! You can upload posts, upload images, create polls, interact with friends, create and join groups, and even includes its own chat to talk

Jul 29, 2022
Chat Loop is a highly scalable, low-cost, and high performant chat application built on AWS and React leveraging GraphQL subscriptions for real-time communication.
Chat Loop is a highly scalable, low-cost, and high performant chat application built on AWS and React leveraging GraphQL subscriptions for real-time communication.

Chat Loop is a highly scalable, low-cost, and high performant chat application built on AWS and React leveraging GraphQL subscriptions for real-time communication.

Jun 20, 2022
A chat application created using React,js and Chat Engine

⭐️ Chat-App ⭐️ A Chat Application created using React.js and Chat Engine Live Site Getting Started with Create React App This project was bootstrapped

Jul 1, 2022
a chat application using react chat-engine api

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Dec 25, 2021