Build A Realtime Chat Application With Node.js | Socket.io & Next.js
Learn Socket.io by developing a fully functional Realtime Chat Application with Node.js, Express & Next.js to level up your understanding of backend development. The app has a lot of space for improvement I left out so can challenge yourself such as setting the max width of a message to it doesn't go to the other users messages, or having each users logo be a different color for example.
❗IMPORTANT MESSAGE ❗ - While exporting the video apparently there was an issue that made a part of the clip fully green at around 15 & 45 minutes in so i had to cut those parts on YouTube's editor so you'll have to copy the classes from the next clip or GITHUB without my assistance I apologize for the inconvenience.
📁 GitHub Repository - https://github.com/rons-innovative-vi...
📁 Drive With Assets & Components - https://drive.google.com/drive/folder...
🔴 SUBSCRIBE FOR MORE VIDEOS LIKE THIS - / @webdebwithron 🔴
📙 Socials: 📙
linkTree: https://linktr.ee/rons_innovative_vis...
Instagram: / rons_innovative_visions
Discord: / discord
YouTube: / @webdebwithron
YouTube Courses:
1️⃣HTML Beginners Course - • HTML Beginners Course
2️⃣CSS Beginners Course - • CSS Beginners Course
3️⃣JavaScript Beginners Course - • JavaScript Beginners Course
⏳TIMESTAMPS⌛
0:00 Intro
1:54 Project Setup
5:06 Socket.io Explained
5:50 Create Server
9:16 Server File Explained
10:27 Socket.io Walkthrough
12:51 Build UI
15:00 Green Screen ( copy classes from next clip )
15:03 Copy missing code from here
15:10 Build UI
44:00 Green Screen ( copy code from GitHub )
48:24 Copy missing code from GitHub]
48:30 Build UI
1:02:15 Outro
