Skip to content

vineethpawar/whatsapp-clone-react

Repository files navigation

BaatCheet - Whatsapp Clone

Hosted link: https://whatsapp-clone-25e4c.web.app \

This is a Whatsapp Clone made using React JS and Firebase.

BaatCheet.-.Whatsapp.Clone._.Vineeth.Pawar.R.mp4

Technologies used

  1. FrontEnd - React JS, Material UI
  2. Backend - Firebase
  3. Authentication - Google Authentication
  4. Image Storage - Cloudinary

Project functionalities

  1. Add Friend
  2. Create Group
  3. Update Group [Update Name, Image, Description, Add member]
  4. Archive / Block User
  5. Update Profile [Name, Image , Status]
  6. Search Users /Groups
  7. Image Popup

Project features

  1. PWA Optimized - This project is Installable and PWA optimized pwa screenshot
  2. Responsive - This project is fully responsive.
  3. Dark and Light Theme - The user can have his/her theme preference.
  4. Text to Speech recognition - The user can speak into the mic, which is translated to text in input bar.

Screenshots

1.Chatting scr1

2.Updating Profile updateprooo

3.Update Group update group

  1. Authentication login

Note for Developers

In the project directory, you can run:

npm start

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

The page will reload if you make edits.
You will also see any lint errors in the console.

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.

About

This is a Whatsapp Clone made using React JS and Firebase.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages