Skip to content

Latest commit

 

History

History
83 lines (60 loc) · 4.88 KB

README.md

File metadata and controls

83 lines (60 loc) · 4.88 KB
Raw

WhatsApp-Clone-Web

In an increasingly web-centric world, the website is generally its first impression as well as its first interaction with customers. This part of the repository mainly deals with the web client implementation of the Whatsapp clone. This represents the web version of Whtsapp which you use along side their mobile application.

Following are the main technologies used in order to construct this frontend,

Live Action 🌏

Visit the following website for live action of Whatsapp Clone Web

WhatsApp Clone Web

Other Platforms ✨

Refer the following links for platform specific implementation,

Screenshot


Screens





Firebase Hosting 🔥

Firebase Hosting allows fast and secure hosting for our web application, static and dynamic content, and microservices. It is production-grade web content hosting for the developers. We can easily and quickly deploy web apps and serve both static and dynamic content to a global content delivery network with only a single command. We can pair Firebase Hosting with Cloud Function for building and hosting microservices on Firebase.

Firebase Hosting, by default, provides an SSL certificate and offers an impressive speed across several geographical locations without any requirement for a separate CDN on top

The Web Application has been deployed via Firebase Hosting

Getting Started ✨

This project follows the same steps as compared to Whatsapp web in order to access your chat information.

  • The very first page of the project displays a Qr Code which you have to scan from your logged in mobile app.
  • On successfull completion of scan you will be redirected to the home page where in you can see your chats & status.

Install Dependencies

Just execute the command below & it will install all the dependencies mentioned in the package.json file of the project.

npm install

Start Whatsapp Clone Web

npm start

Runs the app in the development mode. Open http://localhost:3000 to view it in the browser.

npm test

Launches the test runner in the interactive watch mode. See the section about running tests for more information.

npm run build

Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance. The build is minified and the filenames include the hashes. Your app is ready to be deployed!

See the section about deployment for more information.

Author ✍️

Yuvraj Pandey

I am a passionate Engineer which likes to push himself on various fronts of technologies.

For more exciting updates follow me,