/Whatsapp-Clone-App-MERN-Stack

It is an MERN Stack whatsapp clone app. Which consists of security such as hashed user password, encrypted messages. Where user can chat 1-on-1/create group

Primary LanguageJavaScriptMIT LicenseMIT

Whatsapp-Clone-App

NOTE: DISABLE CORS IN BROWSER FOR SMOOTH FUNCTIONING OF THE APPLICATION / CLONE THE REPOSITORY AND USE PORT NO : 3000 FOR FRONTEND SIDE(CLIENT), PORT NO : 5000 FOR BACKEND SIDE(SERVER)

How to run this project:

  • Clone this repository or fork it.

    • To clone this repository type git clone https://github.com/B-HemanthKumar/Whatsapp-Clone-App.git on your command line
    • To fork this repository, click fork button of this repository then type git clone https://github.com/B-HemanthKumar/Whatsapp-Clone-App.git.git

  • In Backend folder, create a new file named .env which stores informations about server side variables such as ATLAS_URI, SECURITY_KEY and CLIENT_URL informations

  • ATLAS_URI variable stores your database(MONGODB) URI

  • SECURITY_KEY variable stores your security key

  • CLIENT_URL variable stores your client url

  • example:

ATLAS_URI =mongodb+srv://admin:<password>@cluster0.8aezk.gcp.mongodb.net/whatsappClone?retryWrites=true&w=majority
SECURITY_KEY = D73373D9B4ED6FEC5B8B2DAF6WA929B1C7D14CDC88B196EBDCCEA77AFF7BB9
CLIENT_URL = http://localhost:3000/

  • Inside Frontend folder, create a new file called .env which stores your information about client side such as REACT_APP_SECURITY_KEY and REACT_APP_BACKEND_URL informations

    • REACT_APP_SECURITY_KEY variable stores your security key , note that this value must same as SECURITY_KEY in server/.env file
    • REACT_APP_BACKEND_URL variable stores your server url

  • example:

REACT_APP_SECURITY_KEY = D73373D9B4ED6FEC5B8B2DAF6WA929B1C7D14CDC88B196EBDCCEA77AFF7BB9
REACT_APP_BACKEND_URL = http://localhost:5000

  • ports in local server:

  • Install all dependencies

    • Fronted side (Client) : on the Fronted directory type npm install
    • Backend side (Server) : on the server directory type npm install

  • Run it on node js:

    • Fronted side (Client): on the Fronted directory type npm start
    • Backend side (Server): on the server directory type npm start

Warning: This project has some basics security functions such as hashed user password, encrypt messages and so on, But it is NOT secure enough in production mode.