🔴 Let's build Whatsapp 2.0 with NEXT.JS! (1-1 Messaging, Live Status, Styled-Components, React.JS)
1,355,472
Published 2021-03-25
🫂 Join my Community, "University of Code" for FREE: www.universityofcode.com/
🔴 LOOKING FOR THE CODE? 🛠️
links.papareact.com/github
📩 Want coding problems (with solutions!) delivered to your inbox daily? www.papareact.com/dailycodingchallenges
Check out Hostinger 👉 www.hostinger.com/sonny
SPECIAL DISCOUNT: Use code SONNY for 7% OFF Annual Plans!
Join me as I build Whatsapp 2.0 with NEXT.JS! (with 1-1 Messaging, Live Status, React.js & Styled-Components) || 🔥 Powered by Firebase!
🎙️ PODCAST
links.papareact.com/podcast
🌍 SOCIALS:
Instagram: links.papareact.com/instagram
Facebook: links.papareact.com/facebook
LinkedIn: links.papareact.com/linkedin
Twitter: links.papareact.com/twitter
Discord: links.papareact.com/discord
Newsletter: links.papareact.com/newsletter
❤️ SUPPORT
PAPA Merch: links.papareact.com/merch
Donate: links.papareact.com/donate
🕐 TIMESTAMPS:
00:00 Introduction
00:35 Build Showcase
02:15 Hostinger Sponsorship
05:07 Next.js Introduction
05:59 Starting the Build
07:43 Tabnine Sponsorship
11:00 Continuing the Build
15:42 Implementing Styled Components
17:56 Creating the chat.js Page
21:03 Building the Sidebar Component (1/3)
48:30 Setting up Firebase
49:41 Setting up Firestore Database
56:25 Building the Sidebar Component (2/3)
1:03:57 Building the login.js Page
1:15:49 Building the Loading Component
1:20:54 Capturing and Storing User's Details
1:26:17 Building the Sidebar Component (3/3)
1:40:46 Building the Chat Component (1/2)
1:46:08 Building the getRecipientEmail Function
1:56:54 Building the Chat Component (2/2)
2:00:28 Building the [id] Component
2:22:37 Building the ChatScreen Component (1/3)
2:40:50 Creating the Message Component
2:41:53 Building the ChatScreen Component (2/3)
3:18:18 Building the Message Component
3:24:28 Building the ChatScreen Component (3/3)
3:27:57 Final Build Demo
3:28:53 Deploying to Vercel
3:37:22 Hosting on Hostinger
3:46:28 Outro
DISCLAIMER: This Video is made for informational and educational purposes only. We do not own or affiliate with WhatsApp and it's subsidiaries in any form. Copyright Disclaimer under section 107 of the Copyright Act 1976, allowance is made for “fair use” of this video for education purposes.
#reactjs #nextjs #whatsapp
All Comments (21)
-
📬Do you want DAILY coding problems sent DIRECTLY to your Inbox? (with solutions the next day) 👉 links.papareact.com/university
-
Man Sonny, I was the worst in my class in high school, I've always wanted to be a programmer because I like logic, but every one of my friends said I suck at math and could not possibly be a programmer. But then I saw one of your videos with Qazi, I learn bits by bits through the videos, I worked as a marketing employee at a company I don't even like and now, after 1.5 years, I can build full-stack websites, work at a job I love ( even though the money is still to come ) thanks to you guys. I thank you
-
This guy is out here doing more than what high school or college ever did for me lol
-
Thank you Sonny! You are awesome! Always learning new with you!
-
that's excactly what I was waiting for. Thanks CRACK!
-
Your clone projects helped me so much!! Great source ever
-
Amazing build Sonny and thanks for the one to one chat
-
Just discovered your channel. Currently building a Google Keep clone in CRA and you've inspired me to give the stack you're using a go while doing that as it looks very slick! Keep up the good work man, no wonder you're growing fast.
-
Amazing Sonny ... Love your content ❤️
-
I'm smashing the thumbs up!. Great real world debugging session.
-
sonny u are helping a lot a for our career thanks for helping us man love you
-
You are amazing! I am new to your channel and everything is just hyping me up! I love the vibes! I'm glad I found your channel! I was looking for something else, and whenever I open a video on your channel, I CAN'T STOP DUDE! I JUST CAN'T STOP MYSELF! I hope you achieve your goal on whatever you are planning for. Thank you so much for your effort and this genuine content! Subscribed!
-
This is the best channel I have ever come across. Thank yo sonny for such great clones in react. keep uploading. awesome work.
-
loving your work all the way from Nigeria Sonny
-
Really enjoyed thanks for this ❤️
-
Sonny you are a beast, words can not describe how much I appreciate your content
-
Channel discovered...awesome stuff
-
Next level, Loved it ❤️🔥
-
I have paid fees for whole school and college and i have learnt more for free from this guy Th@nks Man
-
Watch my REACT BASICS 101 class for FREE with 1 month FREE SkillShare access here (First 1000 people) skl.sh/2Srfwuf
