Whatsapp-web Clone

🎀Languages and Tools:

How to run:

• Clone this repository or fork it.

  • To clone this repository type git clone https://github.com/nishihere19/whatsapp-web-clone.git on your command line
  • To fork this repository, click fork button of this repository then type git clone https://github.com/<your username>/whatsapp-web-clone.git

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

  • store your database URI inside ATLAS_URI variable
  • store your security key inside SECURITY_KEY variable
  • store your client url inside CLIENT_URL variable
  • 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 client 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

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

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

• Install all dependencies

  • Client side: on the client directory type npm install(or yarn)
  • Server side: on the server directory type npm install(or yarn)

• Run it on node js:

  • Client side: on the client directory type npm start (or yarn)
  • Server side: on the server directory type npm start (or yarn)

GitHub

View Github