/Whats-App-Clone-Chat-App

This is a WhatsApp clone app made with the help of React JS, Router, Material UI and Firebase

Primary LanguageJavaScript

Whatsapp Clone Chat App

Live Demo

Whats App Clone

Some Key Fetures and Technologies

  1. React JS
  2. Router
  3. Material UI
  4. Google Authentification
  5. Firebase Firestore
  6. Powerful Backend provided by firebase
  7. Deployement using Firebase
  8. Emoji Keyboard

Description of the Website

  1. UI of the app is inspired from the Whatsapp Web App.
  2. User has to login with his or her google account to enter the app.
  3. The whole screen is divided between two parts.
  • Sidebar
  • Chat
  1. In order to start the chat, user have to click on Add new chat option which will ask user to enter email address he or she want to chat.
  2. Backend will ensure that the entered email is correct and registered.
  3. Once verification is done, user can start the chat.
  4. Emoji Keyboard can be used from the bottom side of the chat window.

Credits

This website is developed using the YuoTube video posted on the channel of Clever Programmer. Click here to check out the Video.

Modification

  1. Private Chat Room
  2. Google Account Image on sidebar and chat window.
  3. Emoji Keyboard with close button
  4. Automatic Bottom Scroll