Skip to content

This JavaScript React project is a clone of Whatsapp application which is World Wide famous right now. The technologies I have used are Google Authentication for login, JavaScript React code in VS Code Editor and Firebase to store and retrieve the data and messages.

Notifications You must be signed in to change notification settings

Sangi19/whatsapp-clone

Repository files navigation


Whatsapp Clone Project

reactfirebaseGoogle

This JavaScript React project is a clone of Whatsapp application which is World Wide famous right now. The technologies I have used are Google Authentication for login, JavaScript React code in VS Code Editor for the webapp and Firebase to store and retrieve the data and messages.

Table of Contents

About The Project

This a JavaScript React clone Project which duplicates the popular application of "Whatsapp". The technologies I have used are Google Authentication for login, JavaScript React code in VS Code Editor for the webapp and Firebase to store and retrieve the data and messages

Technical Components

The technologies I have used in this Whatsapp Application are Google Authentication for login, JavaScript React code in VS Code Editor for the webapp and Firebase to store and retrieve the data and messages.

React - Load Posts at real-time. Instead of refreshing the whole page, particular components will be altered.

Firebase firestore Realtime db - handles the background job to store and retrieve the messages and chat rooms.

Google Auth - Google authentication helps us to login using Google Mail ids (GMAIL)

Material UI - It is used for the Icons for whatsapp application.

React Router - It enables the navigation among views of various components in a React Application, allows changing the browser URL, and keeps the UI in sync with the URL

Deploy using Firebase - Deployed the app using Firebase

Live Version

Whatsapp

Built With

This project was built using these technologies.

  • JavaScript with React
  • Firebase
  • User authentication with Google
  • Visual Studio code editor

Installation of Node JS and npm Setup:

Please find the below link for the installation of Node Js and NPM setup and Also to deploy the app.

https://github.com/Sangi19/instagram-react-clone#readme

How It Works

Whatsapp-signIn page: Whatsapp-signIn page

Whatsapp- signIn with Google Authentication: Whatsapp- signIn with Google Authentication

Whatsapp with Sidebar chat, chat body and text message box: Whatsapp with Sidebar chat, chat body and text message box

Whatsapp -Adding new chat room option: Whatsapp - Adding new chat room option

Built by

👤 Sangeetha Ramkumar

Show your support

Give a ⭐️ if you like this project!

📝 License

This project is MIT licensed.

About

This JavaScript React project is a clone of Whatsapp application which is World Wide famous right now. The technologies I have used are Google Authentication for login, JavaScript React code in VS Code Editor and Firebase to store and retrieve the data and messages.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published