A WhatsApp Clone made with Vue 3 and Tailwind CSS
WhatsApp Clone (whatsapp-clone)
Tutorial series on how to build this
If you’d like a step by step guide on how to build this just CLICK THE IMAGE BELOW
Come and check out my YOUTUBE channel for lots more tutorials -> https://www.youtube.com/@johnweeksdev
LIKE, SUBSCRIBE, and SMASH THE NOTIFICATION BELL!!!
App Setup
Clone the repository
git clone https://github.com/John-Weeks-Dev/whatsapp-clone.git
Now go to https://console.cloud.google.com/
Generate an API KEY.
Add your new API KEY to the script inside src/main.js
And backend/index.js
Setup Firebase (firestore)
Add the details to src/firebase-init.js
Now run this command to start the project
npm i
npm run serve
And to start the backend
cd backend
npm i
npm run watch
You should be good to go!