Awesome
whatsapp-clone
Warning: although this project has some basics security such as hashed user password, encrypt messages and so on, this project is NOT secure enough in production. (Contribute to this project by making a pull request will be appreciated)
How to run:
-
Clone this repository or fork it.
- To clone this repository type
git clone https://github.com/kimlimjustin/whatsapp-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-clone.git
- To clone this repository type
-
Inside
server
folder, create a new file named.env
which stores informations about server side such asATLAS_URI
,SECURITY_KEY
andCLIENT_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/
- store your database URI inside
-
Inside
client
folder, create a new file called.env
which stores your information about client side such asREACT_APP_SECURITY_KEY
andREACT_APP_BACKEND_URL
informations- store your security key inside
REACT_APP_SECURITY_KEY
variable, note that this value must same asSECURITY_KEY
inserver/.env
file - store your server url inside
REACT_APP_BACKEND_URL
- example:
REACT_APP_SECURITY_KEY = D73373D9B4ED6FEC5B8B2DAF6WA929B1C7D14CDC88B196EBDCCEA77AFF7BB9 REACT_APP_BACKEND_URL = http://localhost:5000
- store your security key inside
-
Install all dependencies
- Client side: on the
client
directory typenpm install
(oryarn
) - Server side: on the
server
directory typenpm install
(oryarn
)
- Client side: on the
-
Run it on node js:
- Client side: on the
client
directory typenpm start
(oryarn
) - Server side: on the
server
directory typenpm start
(oryarn
)
- Client side: on the
Like my work?
<a href='https://ko-fi.com/kimlimjustin' target='_blank'><img height='35' style='border:0px;height:34px;' src='https://az743702.vo.msecnd.net/cdn/kofi3.png?v=0' border='0' alt='Buy Me a Coffee at ko-fi.com' />