Coding an Omegle clone MERN prototype (with Next.js, Mongo, and Agora)
Trying to build an omegle clone using next and agora.
00:00 Intro
01:35 Initial Next Setup
02:23 High Level Design
06:28 Setup
08:23 api endpoint / mongoose setup and debugging
25:20 get random room
30:21 create new rooms
38:00 strict mode issue
40:50 agora RTM chat panel
01:12:05 RTC video / audio setup
01:08:12 Styling a bit
01:23:14 Setup agora Token logic
01:44:02 Setup Audio
01:47:50 Next button
02:03:34 Deploy to Vercel
02:07:56 Conclusion
This video was a paid promotional video for Agora.io.
Code: https://github.com/codyseibert/omegle-clone
Agora: https://bit.ly/3xJkumJ
💬 Discord https://discord.gg/4kGbBaa
🔔 Newsletter http://eepurl.com/hnderP
📁. GitHub https://github.com/codyseibert
My VSCode Extensions:
- theme: material community high contrast
- fonts: Menlo, Monaco, 'Courier New', monospace
- errors: Error Lens
- extra git help: Git Lens
- tailwind css intellisense
- indent rainbow
- material icon theme
- prettier & eslint
- ES7+ React Snippets
Other Videos By Web Dev Cody
| 2023-01-07 | Prototyping a better build feature on my starcraft 2 build app (next, prisma, tailwind) part 7 |
| 2023-01-06 | My advice for becoming a web dev in 2023 |
| 2023-01-05 | Deploying my full stack app to railway (next, prisma, tailwind) part 6 |
| 2023-01-04 | Why I'm using tailwind css for my side projects |
| 2023-01-03 | Adding a search by title filter to my full stack app (next, prisma, tailwind) part 5 |
| 2023-01-02 | Adding filtering to my full stack build order web application (part 4, next.js, tailwind, prisma) |
| 2022-12-31 | Users can submit author, title, etc now | full stack next, tailwind, prisma - part 3 |
| 2022-12-30 | Trying a new design for quick select match ups | full stack next, prisma, tailwind 2 - part 2 |
| 2022-12-29 | I'm starting a new full stack project series | next, tailwind, prisma - part 1 |
| 2022-12-28 | Why I update software dependencies as often as possible (upgrading trpc to v10) |
| 2022-12-27 | Coding an Omegle clone MERN prototype (with Next.js, Mongo, and Agora) |
| 2022-12-24 | Is ChatGPT actually useful for coding? |
| 2022-12-23 | Here is another great React practice problem (Tower of Hanoi) |
| 2022-12-22 | A practical react example using maps for permission checkboxes (good interview practice problem) |
| 2022-12-02 | How would I design a URL shortener application (interview question prep) |
| 2022-12-01 | They had 24 hour to submit this assignment (junior full stack interview) |
| 2022-11-24 | Trying to answer interview questions a subscriber was asked for junior full stack position |
| 2022-11-23 | Building an online multiplayer snowball throwing game (vanilla js, node, socket.io) |
| 2022-11-21 | A subscriber was asked these junior interview questions |
| 2022-11-20 | Trying Next.js 13 and Strapi CMS (collab with Coding After 30) |
| 2022-11-18 | This is why you get CORS errors sometimes |
Tags: web development
programming
coding
code
learn to code
tutorial
software engineering
201