Full Stack WhatsApp Clone with Vue JS, Vite, Tailwind CSS, Node JS, Firebase, Google Auth

John Weeks Dev
John Weeks Dev
9.8 هزار بار بازدید - 2 سال پیش - Yo!!! Join me in this
Yo!!! Join me in this tutorial series where we'll Build a Full Stack WhatsApp Clone using Vue JS, Vite, Tailwind CSS, Node JS, Firebase, and Google Auth, we'll be creating a powerful web application that looks and functions just like the real WhatsApp.

LIKE!!! SUBSCRIBE!!! SMASH THE NOTIFICATION BELL!!!

And I'll see you in the video!

For freelance or contract work inquiries, kindly connect with me via Twitter / X:  
       Link: Twitter: johnweeksdev
       Thank you.

GitHub Repo:  https://github.com/John-Weeks-Dev/wha...

00:00 - WhatsApp Clone project setup
07:43 - HomeView styling with Tailwind CSS
11:35 - ChatsView styling with Tailwind CSS
13:42 - MessageRowComponent for ChatsView styling with Tailwind CSS
16:16 - Create the no chat selected section styling with Tailwind CSS
19:40 - MessageView styling with Tailwind CSS
25:03 - Login Page styling with Tailwind CSS
27:32 - Get image assets for the application
29:36 - FindFriendsView styling with Tailwind CSS
31:53 - Google cloud console | Create OAuth token for the login
34:40 - Node JS setup | Create the backend and google login endpoint
38:46 - Pinia | Add login user to Pinia state management
44:53 - Firebase setup (Firestore DB) | Save user on login
50:46 - Get all users from Firebase
54:46 - Remove logged-in user from find friends list
55:33 - All chat functions
1:32:38 - Testing Application Finished!!!

#whatsappclone
#vuejs  
#firebase
2 سال پیش در تاریخ 1401/10/05 منتشر شده است.
9,890 بـار بازدید شده
... بیشتر