whatsapp-clone
whatsapp-clone copied to clipboard
A full-stack real-time WhatsApp clone using reactjs and firebase
This project was bootstrapped with Create React App.
Follow these simple steps to have your own whatsapp clone
1: Clone this repo using this command
git clone https://github.com/alii13/whatsapp-clone.git
2: Enter
cd whatsapp-clone
3: Next
npm install
4: Goto src
& Find file named firebase.js
=> Replace the config data to your project config data.
Firebase config data you have to replace it with yours & save.
5: Now, Goto src
directory again and find file named .firebasesrc
Replace the line "default": "your_project__name"
& save.
6: Hit npm start
in terminal & Boom you have your own whatsapp clone!! open at port 3000.
Set Up Hosting in Firebase
0: intstall firebase cli npm i firebase-tools
1: Hit command firebase init
2: Enter Yes
3: Goto the 4th option says - "Configure and Deploy firebase Hosting sites", Use Arrow key to go down & Hit spacebar to select the option and then hit Enter key
4: Enter build
for directory && select Yes
for all other options.
5: After initialization Completed. Enter
npm run build
6: Now the last command
Enter firebase deploy