Back to Browse

Build A FullStack Live Audio Room App with ReactJS and NodeJS

20.8K views
Jun 19, 2024
2:29:02

Check Out Stream: - To Create an account: https://getstream.io/try-for-free/?utm_source=youtube&utm_medium=referral&utm_content=&utm_campaign=pedrotech - The Video SDK page: https://getstream.io/video/sdk/?utm_source=youtube&utm_medium=referral&utm_content=&utm_campaign=pedrotech - An Audio Rooms tutorial for the SDK: https://getstream.io/video/sdk/react/tutorial/audio-room/?utm_source=youtube&utm_medium=referral&utm_content=&utm_campaign=pedrotech Hey everyone! 👋 In today's video, we're diving into an exciting project: building a full-stack live audio room app using ReactJS for the front end and NodeJS for the back end. Whether you're a beginner or looking to sharpen your skills, this tutorial will guide you step-by-step through creating a real-time audio chat application. Get ready to code, and let's bring this awesome app to life together! 🚀🎧 Code: https://github.com/machadop1407/clubhouse-clone 🚀 Learn ReactJS By Building 6 Projects: https://codedamn.com/learn/reactjs-projects 🐙 GraphQL Course: https://codedamn.com/learn/graphql-for-beginners Socials ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Linkedin: https://www.linkedin.com/in/machadop1407/ Instagram: https://www.instagram.com/pedro.fmachado_ Github: https://github.com/machadop1407 Business Email: [email protected] 🌟 Gear / Hardware I Use and Recommend 🌟 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 💻 https://amzn.to/42kqFuM 💻 Monitor 🖱️https://amzn.to/3C0ZhHb 🖱️ Mouse 📷 https://amzn.to/3OHJvbM 📷 My Camera 🎤 https://amzn.to/3oxSthj 🎤 My Microphone ⌨️ https://amzn.to/3oFPpj1 ⌨️ My Microphone ⚡ https://amzn.to/3MYMnzM ⚡ LED Lights In the Background Tags: - ReactJS Tutorial - ReactJS and MySQL - NodeJS Tutorial - API Tutorial TIMESTAMPS 00:00:00 | Intro 00:01:00 | Project Demo 00:06:18 | Creating an App with Stream 00:10:03 | Installing Packages 00:13:29 | Project Directory Organization 00:31:06 | Initializing the Backend 00:35:37 | Implementing the Server using ExpressJS 00:56:02 | Creating the Stream Video Client 00:59:21 | Creating the User Context 01:10:43 | Creating the Main Component 01:20:30 | Creating the Room Component .......... ♬ MUSIC ♬ Artist: tubebackr Track: Chill With Me @tubebackr hypeddit.com/tubebackr/chillwithme-1 ............. #reactjs #fullstack

Download

0 formats

No download links available.

Build A FullStack Live Audio Room App with ReactJS and NodeJS | NatokHD