Engineering Mind
Engineering Mind
  • 16
  • 51 250
Build Video Conferencing App in Minutes with ZEGOCLOUD | Step by Step Full Tutorial
Build Apps in 30 mins with UIKits: bit.ly/3KSzCVI
· Get 10000 free mins with ZEGOCLOUD: bit.ly/3RChOBT
· 100% customized video call SDK: bit.ly/45txGwt
· How to build a video call App: bit.ly/3VRo0aL
📹 Welcome to our step-by-step guide on building a Video Conferencing App using ZEGOCLOUD! 📹
In this comprehensive tutorial, we'll take you through the entire process of creating a powerful and functional video conferencing app. From setting up your environment to implementing advanced features, we've got you covered!
What You'll Learn
- Introduction to ZEGOCLOUD: Understand the basics and benefits of using ZEGOCLOUD for video conferencing.
- Project Setup: Learn how to set up your development environment and integrate ZEGOCLOUD SDK.
- Video and Audio Streaming: Explore how to enable high-quality video and audio streaming.
- Interactive Features: Add chat, screen sharing, and more to enhance user experience.
- UI/UX Design Tips: Design an intuitive and user-friendly interface.
Related Topics :
- React Hooks
- SDK Integrate
- React Router Dom
📚 Timestamps:
0:00 - Introduction
0:19 - Overview of Project
2:03 - Project Setup
3:11 - Create Basic Folder Structure
4:12 - Setup Browser Router
9:15 - Signup to zegocloud
11:34 - Create new Project on Zegocloud
16:24 - Configure Video conferencing room
Thank you for watching! Stay tuned for more tutorials on React and web development. See you in the next video! 🚀
👨‍💻📋 Find More Coding Challenges (helpful for interviews & practise): ua-cam.com/play/PLGdjxkBsv8kxshfyZRFwf_Th5bhfmZNCD.html
Github Repo :- github.com/rohitsingh-23/Intro-to-react/tree/video-conferencing-app
💬 Let’s Connect:
Follow me on Github: github.com/rohitsingh-23
LinkedIn : www.linkedin.com/in/rohit23498/
Join Discord Community (post your questions): discord.gg/neqn4k8Wx8
👍 Like, Comment, and Subscribe!
If you found this video helpful, please give it a thumbs up, leave a comment, and don't forget to subscribe for more Web Development content!
Hashtags:
#ReactJS #WebDevelopment #JavaScript #Programming #TechTutorial #FrontendDevelopment #ReactHooks #useState #useEffect #useRef #WebDevelopment #CodingTutorial #JavaScript #EngineeringMind #w3schools #webdevsimplified #roadsidecoder #coding #codinglife #codingninja #codingchallenge, #zegocloud #videocall #webrtc #sdk #api #react #videocall #frontendprojects #videoconferencetool #googlemeet #videocallapp
Tags:
React, ReactJS, React Hooks, useState, useEffect, React Advanced, JavaScript, Web Development, Frontend Development, Coding Tutorial, React Tutorial, Programming, Engineering Mind, Learn React, React Components, UI Development, Responsive Design, Coding Interview, Tech Tutorial, Pagination Component, Coding Tips, Programming,
Video call app, Make Video call App, Developer, optimise react app, react app optimisation, react app optimization, optimise react app, video call api, video chat api, video calling api, video chat sdk, video call sdk
Переглядів: 78

Відео

Debouncing vs Throttling: Master debouncing-throttling & differences between them | Complete Guide
Переглядів 15721 годину тому
Unlock the secrets to optimizing your JavaScript code with our in-depth guide on Debounce and Throttling! In this video, we'll break down the key concepts, differences, and practical use cases of these essential techniques for enhancing web performance. Whether you're a beginner or an experienced developer, you'll find valuable insights to take your skills to the next level. In this video, you'...
Master Debouncing in React with a Real-World Example: Country Flags Search
Переглядів 27314 днів тому
In this tutorial, we'll dive deep into the concept of debouncing in React with a practical example using country flags! 🚩🌍 Learn how to implement debouncing to improve performance and user experience in your React applications. We'll walk through the entire process step-by-step, ensuring you grasp the key concepts and can apply them in your own projects. Don't forget to like, comment, and subsc...
Master Pagination in React Js: Build a Dynamic Pagination Component from Scratch!
Переглядів 13314 днів тому
Welcome to Engineering Mind! In this video, I'll walk you through building a powerful and dynamic pagination component in React. If you're dealing with large datasets and want to improve your app's performance and user experience, this tutorial is for you! What You'll Learn 🔹 Setting up a React project for pagination 🔹 Creating a reusable PaginationBar component 🔹 Styling your pagination compon...
CSS Interview Question: Master Your CSS Skills by Build Loading Spinners in React from scratch
Переглядів 15821 день тому
🚀 Welcome to Engineering Mind In this tutorial, we'll show you how to build sleek and functional loader/spinner in React. Loaders are essential for enhancing user experience, and by the end of this video, you'll have a great understanding of how to implement and customize them. 🔍 What You'll Learn: Component Reusability: Learn how to create reusable components to keep your code DRY (Don't Repea...
Master Your React Skills: Build an Accordion Component and Ace Your Next Interview!
Переглядів 83321 день тому
Welcome back to Engineering Mind! 🚀 In today's video, we're tackling one of the most commonly asked interview questions in React: building an Accordion component. This project is perfect for demonstrating your skills in state management, conditional rendering, and CSS styling. 🔍 What You'll Learn: Hey everyone! Welcome back to Engineering Mind! 🧠 In this video, we're tackling one of the most co...
Master React Hooks with Example - useState, useEffect & useRef Explained with Horizontal Scroll List
Переглядів 24821 день тому
Welcome back to Engineering Mind! 🚀 In today's video, we're diving deep into the world of React hooks, specifically useState, useEffect, and useRef. We'll explore these hooks through a practical example of creating a horizontally scrollable list component. 🔍 What You'll Learn: The basics and advanced usage of useState, useEffect, and useRef hooks How to manage state and side effects in function...
Build Todo App in React - Part 2 || Learn Conditional Rendering || Learn Context API
Переглядів 1265 місяців тому
🚀 Dive into the world of React.js with our comprehensive tutorial on building a powerful Todo App using the Context API! Whether you're a beginner or an experienced developer, this step-by-step guide will walk you through the process of creating a sleek and efficient task management application. 🎯 Key Features: Learn how to set up a React.js project from scratch. Harness the power of the Contex...
Build Todo App in React - Part 1 || Intro to useContext Hook || Learn Context API
Переглядів 2626 місяців тому
🚀 Dive into the world of React.js with our comprehensive tutorial on building a powerful Todo App using the Context API! Whether you're a beginner or an experienced developer, this step-by-step guide will walk you through the process of creating a sleek and efficient task management application. 🎯 Key Features: Learn how to set up a React.js project from scratch. Harness the power of the Contex...
Build Counter and Stopwatch App in React || Learn useState & useEffect React Hooks
Переглядів 1726 місяців тому
🚀 Welcome to another exciting coding session! In this video, we're diving into the fundamentals of React by building two essential applications - a dynamic counter and a precision stopwatch. Whether you're a React rookie or looking to reinforce your skills, this tutorial is tailored just for you! 💻✨ ⚙️ What to Expect: Counter App: Learn how to create a simple yet interactive counter using React...
Build Stopwatch || Create App in React || part - 2
Переглядів 682Рік тому
This is part two of creating stopwatch app in react. In this video you will get more idea about state management with useState hook and will get introduced to spread operator, also we will se how to use online resources if we get stuck at some point while building any app. Don't miss it. Spread Operator Doc :- developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax sou...
Build Stopwatch App in React || Intro to useEffect and useRef Hooks
Переглядів 9 тис.Рік тому
If you are learning react then you should build stopwatch as your second app, this will help you to understand callback in useState hook and useEffect and useRef hooks and also setInterval and clearInterval functions. In this video we will be build stopwatch with these app, you will definitely get the use case and idea about these hooks and functions. create-react-app documentation - reactjs.or...
Your first react app || Counter App
Переглядів 287Рік тому
Hello everyone, This is the very beginning of educational video series, in this video we will be creating a basic counter react app using useState react hook. create-react-app documentation :- reactjs.org/docs/create-a-new-react-app.html source code :- github.com/rohitsingh-23/Intro-to-react/tree/counter-app If you have any doubts or queries you can drop it in comment section. If you like the v...
how to install dolby
Переглядів 38 тис.6 років тому
hey guys! Today i am going to show you how to install dolby in windows 10. Follow the video,if you find any difficulty in doing this please comment. DIRECT DOWNLOAD LINK OF DOLBY HOME THEATER V4 : direct link of dolby home theatre v4 : drive.google.com/file/d/0B332i-Y8ndy2UzBWSGI3M2JYUVE/view download the file from here and move to the desktop and follow the video
how to create hotspot in pc
Переглядів 1256 років тому
Hey! this is rohit singh today i am going to show to show you how to create hotspot in pc or laptop first of all, if you are using any other windows like windows 7, or windows 8, then open command prompt by searching cmd in search option. if you are using windows 10 then follow the video 1.click on corntona button in taskbar then type cmd 2.then right click and click on run as admistrator 3. if...
how to use phone camera as webcam
Переглядів 3266 років тому
how to use phone camera as webcam

КОМЕНТАРІ

  • @flexitude
    @flexitude 15 днів тому

    Perfect video to implement debouncing. 👍💯

  • @pictermillanmurillo3882
    @pictermillanmurillo3882 15 днів тому

    glad this showed up in my youtube algorithm!!!!

    • @EngineeringMind
      @EngineeringMind 15 днів тому

      Thanks, please subscribe to the channel for more awesome contents.

  • @flexitude
    @flexitude 17 днів тому

    Informative video

    • @EngineeringMind
      @EngineeringMind 17 днів тому

      Thanks, many more informative video are on way 🚙🚙

  • @user-bk9zz9dp8h
    @user-bk9zz9dp8h 18 днів тому

    This is very useful for optimization of react app 💯

    • @EngineeringMind
      @EngineeringMind 18 днів тому

      Thankyou for your kind words, many more awesome contents are on way 🚗🚗

  • @user-ef8cd9yz9d
    @user-ef8cd9yz9d 21 день тому

    Great video ❤ create a video for comment with reply interview question

    • @EngineeringMind
      @EngineeringMind 21 день тому

      Thanks for your suggestion, will make a nested comment reply thing that we see on www.reddit.com/. Please subscribe to the channel and press the bell icon show that you get notified about it.

  • @himankshu
    @himankshu 21 день тому

    Why didn’t you use vite?

    • @EngineeringMind
      @EngineeringMind 21 день тому

      you can use vite as things are same for this use case in react and vite. I used react as it is popular and more people can relate to it, also I have to make one video on vite and then I can explain things on it, If you want I can make a video on it, Please let me know if you want

    • @himankshu
      @himankshu 21 день тому

      @@EngineeringMind no i was just wondering why you picked create react and not vite. If you explain logic and how its working behind the scene then it will be very helpful

    • @EngineeringMind
      @EngineeringMind 21 день тому

      Thankyou for your suggestion, will take care of it from next video or you can join discord and put your doubts there will resolve it together. discord.gg/neqn4k8Wx8

  • @user-pz7tk5gh1w
    @user-pz7tk5gh1w Місяць тому

    Bro please dolby app link send mee

    • @EngineeringMind
      @EngineeringMind 27 днів тому

      you can use this link to download and install: www.driverscape.com/download/dolby-home-theater-v4---adi-hd-audio please subscribe to the channel, thanks.

  • @sadanandkewat5216
    @sadanandkewat5216 6 місяців тому

    Superb 👌

  • @RavindraSingh-zg9eq
    @RavindraSingh-zg9eq 10 місяців тому

    bhai tez to bol le mann mai bole ja rha h

  • @shivamxgaming136
    @shivamxgaming136 11 місяців тому

    to fix if stopwatch gets faster or behave abnormally after clicking start button more than once. : function handlTime() { clearInterval(id.current); // Clear the previous interval, if any. id.current = setInterval(() => { setTimez((prev) => prev + 1); }, 1000); }

  • @ingeniousgoldie
    @ingeniousgoldie Рік тому

    You just went through all the problems I was facing while trying to build this functionality, and solved all ❤. Thanks a lot for this video.

  • @walideker2253
    @walideker2253 Рік тому

    dude tysm u rly make my day 🤩

  • @strikerwow2011
    @strikerwow2011 Рік тому

    Debugging skills are very much appreciated! :X

  • @rajatthapa8922
    @rajatthapa8922 Рік тому

    Great video bro. Please try to expplain your videos without using 'ahhh' sound in the middle.

  • @rockeykumar4783
    @rockeykumar4783 Рік тому

    Awesome Bro...!

  • @satya8320
    @satya8320 Рік тому

    really nice explanation !!

  • @cameron5967
    @cameron5967 Рік тому

    😒 p̴r̴o̴m̴o̴s̴m̴

  • @ekang66
    @ekang66 Рік тому

    Please do videos in English bro

  • @zaffary2010
    @zaffary2010 Рік тому

    good project for beginners

  • @AbhishekKumar-bf2uf
    @AbhishekKumar-bf2uf Рік тому

    ✨✨

  • @AbhishekKumar-bf2uf
    @AbhishekKumar-bf2uf Рік тому

    Bdhiyaaa guru ji...✨✨

  • @MayaSovi
    @MayaSovi Рік тому

    It's really helpful video

  • @pankajbisht9859
    @pankajbisht9859 2 роки тому

    Very Helpfull

  • @ansonm.s.7737
    @ansonm.s.7737 4 роки тому

    Dolby installed but mic not working

  • @coskunyavuzel2608
    @coskunyavuzel2608 4 роки тому

    I haven't been able to use the dolby after I install windows 10 to my lenovo pc. But this worked fine for me.

  • @hoangdartable
    @hoangdartable 4 роки тому

    usefull . thank you pro

  • @mkatalin09
    @mkatalin09 4 роки тому

    nothing works!! just a shitty interface with an on/off button for the design but the equalizer and the effects dont work. i think its a virus

  • @Tonores
    @Tonores 4 роки тому

    hey bro please share your pc wallpaper...i really like it..

  • @umutylmaz8319
    @umutylmaz8319 4 роки тому

    THANK YOU BRO!

  • @sinanbildirici1211
    @sinanbildirici1211 4 роки тому

    Thanks . Sorry i don' t make to it three days :) but now ok :))

  • @mikacotty7607
    @mikacotty7607 4 роки тому

    why all the bull shit. just to download

  • @needforspeeddj
    @needforspeeddj 5 років тому

    Error >> DHT can not be installed.

  • @prathmeshdspeditz9271
    @prathmeshdspeditz9271 5 років тому

    DHT can naot be installed again

  • @mskeeznext
    @mskeeznext 5 років тому

    Thanks Mate , Awesome work

  • @bemydesirememories1894
    @bemydesirememories1894 5 років тому

    Rage People & Blogs

  • @DimaIlyin
    @DimaIlyin 5 років тому

    Thx!!

  • @bungsu3637
    @bungsu3637 5 років тому

    thanks bro... subscript for you

  • @The_wanderer__
    @The_wanderer__ 5 років тому

    Thanks soo much man... It worked perfectly....🔥

  • @deiopadilha1213
    @deiopadilha1213 5 років тому

    Nice man... tancks

  • @justforyourreference5635
    @justforyourreference5635 5 років тому

    Super!

  • @gaganmehra7692
    @gaganmehra7692 5 років тому

    dht issue

  • @rishikumar1023
    @rishikumar1023 5 років тому

    Kab aaye ga

  • @omkarchavan3236
    @omkarchavan3236 5 років тому

    Thanks bro it's work

  • @MKGTECH
    @MKGTECH 6 років тому

    Nice dear 👌

  • @aryanshanyal6933
    @aryanshanyal6933 6 років тому

    Mst h bhii