WhatsApp Clone

This is a WhatsApp chat clone application, which is built by React, and firebase cloud firestore.

Demo

Live Demo

Technologies Used

I've used React.js as a front-end, and firebase as a back-end services for this project. This project mainly focused on cloning the WhatsApp Chat messaging system and Google Authentication. For the database and Google Authentication, I've used the Cloud firestore and firebase google auth provider.

Features

• Real time chatting
• Google Authentication
• Chat room creation

Running Locally

1. You need to setup your firebase project from the https://console.firebase.google.com/
2. Once done, you need to add new app in your firebase project, then only you can able to get the Firebase SDK snippet. Copy the firebaseConfig.
3. After that, you need to setup .env file at the root of this react.js project folder.

# Firebase Config
REACT_APP_API_KEY=[xxxx]
REACT_APP_AUTH_DOMAIN=[xxxx]
REACT_APP_DATABASE_URL=[xxxx]
REACT_APP_PROJECT_ID=[xxxx]
REACT_APP_STORAGE_BUCKET=[xxxx]
REACT_APP_MESSAGEING_SENDER_ID=[xxxx]
REACT_APP_APP_ID=[xxxx]
REACT_APP_MEASUREMENT_ID=[xxxx]

3. Replace [xxxx] with your firebaseConfig. Then run npm i && npm start

More Updates

Follow me on LinkedIn to get the latest update about features, code, and more. If you like this project give a star to this repo.

Thanks

Thanks to all of your supports.

If you have an idea or you want to do something, tell me or just do it!

I'm always happy to hear your feedback!

Copyright and license

Code and documentation copyright 2020 the authors. Code released under the MIT License.