Live coding a discord clone prototype using T3 stack and Agora

Channel:
United States Web Dev Cody
Subscribers:
254,000
Published on ● Video Link: https://www.youtube.com/watch?v=tr4F-HjK2zg


Duration: 3:44:45
7,993 views
193

Join along and watch me struggle building an prototype of a discord like chat application with various rooms and users messaging each other.

This video was a paid promotional video for Agora.io.

Code: https://github.com/codyseibert/agora-online-chatroom
Agora: https://bit.ly/3xJkumJ

00:00:00 Intro
00:02:11 my webcam issue
00:02:54 T3 Setup
00:07:09 Planning
00:11:18 Sign In Page
00:36:42 tracking the user in context
00:48:22 creating a server for a user
00:57:40 display user servers
01:08:55 creating a room
01:44:55 setting up chat panel
02:30:41 user panel (hidden by webcam, sry), fixing bugs
02:53:32 more chat panel changes
03:01:05 persist message history
03:17:06 fixing login too often issue

------------

🤑 Patreon https://www.patreon.com/webdevjunkie
🔔 Newsletter http://eepurl.com/hnderP
💬 Discord https://discord.gg/4kGbBaa
📁. GitHub https://github.com/codyseibert/youtube



Other Videos By Web Dev Cody


2022-08-27Refactoring a subscribers react project live
2022-08-27How to copy subsets from an javascript array using slice #shorts
2022-08-26What VSCode shortcuts do I use to be efficient at coding
2022-08-26How to validate an object using a Proxy class #shorts
2022-08-25What extensions do I use in VSCode?
2022-08-25How to use the javascript Proxy class to watch for reads #shorts
2022-08-24Why I use Prettier and ESLint on all my Javascript projects
2022-08-24The best way to loop over an array in Javascript #shorts
2022-08-23Why I always use ESLint in my projects
2022-08-23How to flatten a javascript array using flatMap #shorts
2022-08-22Live coding a discord clone prototype using T3 stack and Agora
2022-08-22How to easily clone an array in javascript #shorts
2022-08-21This code was messy... live refactoring a subscribers React side project
2022-08-21When this is undefined, you probably need to use a javascript arrow function #shorts
2022-08-20Building stuff, answering question, the usual (T3 Stack, React)
2022-08-20When should you use forEach vs map in Javascript #shorts
2022-08-19Helping a subscriber build his own react on boarding component
2022-08-19Use this VSCode shortcut to search your file for a variable declaration #shorts
2022-08-18Addressing some YT comments on my SW API react-query rant video
2022-08-18Use the every function to know when an array contains all even numbers #shorts
2022-08-17I don't know how to use react-query because I didn't read all the docs 🤕


Tags:
web development
programming
coding
code
learn to code
tutorial
software engineering