Skip to content

WhatsApp Clone built with MERN Stack. Realtime data update is handled with Pusher.

Notifications You must be signed in to change notification settings

AnumMujahid/mern-whatsapp-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MERN Whatsapp Clone

MERN Whatsapp Clone is an instant messaging app. The technologies used to build it include React.js, Material UI, MongoDB, Node.js, Express.js, Firebase Authentication, and Firebase Hostnig. The realtime messages are handled via Pusher. It allows users to signin with google, create a chat room, and send messages. To check the deployed version visit link.

How to Use

  • Clone the repository
  • Go to frontend directory and run command npm install.
  • Go to frontend/firebase.js file and add your firebase credentials
  • Go to frontend/axios.js and add your backend URL.
  • Run npm start in frontend to run it.
  • Go to backend directory and run command npm install.
  • Go to backend/app.js and add mongoDB URL and Pusher API credentials.
  • Run node app.js in backend to run the server.

Screenshots

Signin Screen Screenshot 1: Signin with Google


Chat Screen Screenshot 2: Create Chat and Write Messages