Whatsapp (clone) 🌐

Whatsapp WhatsApp Messenger, or simply WhatsApp, is an American freeware, cross-platform centralized messaging and voice-over-IP service owned by Facebook, Inc. It allows users to send text messages and voice messages, make voice and video calls, and share images, documents, user locations, and other content.

Technology Stack Used 💻

In this project we have used the following tech stack.

• React: React
• Redux: Redux
• CSS: CSS

Libraries Used 🌟

1. emoji-mart: [emoji-mart] https://www.npmjs.com/package/emoji-mart
2. Fonts: Google Fonts
3. Icons:Awesome Icon
4. Material UI: Material UI
5. Firebase: Firebase
6. Context: [ContextAPI] (https://reactjs.org/docs/context.html)

You can install the libraries using the "npm install" command

How to run the project 📑

In this project I was able to achieve purpose of the original website. As I do not want to overwhelm you, I haven't shared all the pages here.Please fork the repository and then use it on your own. If you want to collaborate with us on this project then please feel free to reach out to us.

You can also take the glimpse of our Project,just follow the below steps:

1. Go to https://whatsappbyshubhamsharma585.netlify.app/

2. run the command npm run start in terminal to start the app at port 3000.

3. Use your own firebase config.

4. Go to the browser you will land in the login page.

Snapshots 📷

1. Login Page

2. Home Page

   

3. Chats Page =======

Features

1. User can do one to one chat, send picture and emojis also.
2. User can search for registered user with phone number and communicate.

Limitations

1. Not responsive yet and might not be properly visible on small screen devices.
2. Group Chats is not available yet.

Made By 😇

👤 Shubham Sharma

• Github: Shubham Sharma

---