Don't like banners? Log in and we will make sure you see no banners. For free.
Video Chat App - Learn MERN Stack with WebRTC and SocketIO

Video Chat App - Learn MERN Stack with WebRTC and SocketIO

Size
10.3 GB
Seeders
1
Leechers
0
Files
99
Category
Added
at 2:21pm GMT+1
Infohash
4ca37c42184d2d32d9f5f1d3c3cbf53ec856b22b
Don't like banners? Log in and we will make sure you see no banners. For free.

Description


Description



Learn how to connect MERN Stack with WebRTC and SocketIO.  We will go through all of the steps to create application with group call functionality. We will create WebRTC implementation to show how you can develop WebRTC application thanks to simple-peer.  We will use  SocketIO as our signaling server for our application and for realtime communication. After this course you will be able to create own application which will be using WebRTC. It does not matter if that will be the realtime communication game or video chat. You will know the process how to establish connection between peers(users).



We will combine MERN Stack which stands for: MongoDB, Express, React, Node with WebRTC and SocketIO for realtime communication possibility.



In this course we will build project from scratch and we will go through all of steps together. Functionality which we will create will be:

Login / Registration (Authentication with JWT Token)

Friends / Friends Invitation System

Realtime chat functionality (SocketIO and MongoDB)

Creating Video Group Call Rooms



Course requirements:

Basic knowledge about React

Basics about Node

Would be great to have some knowledge about websockets (SocketIO). It is not required but would be definitely easier to understand part with chat and videochat functionality.



Course is not designed to learn every technology from scratch but how we can connect them together. Although at meantime of creation of application code will be explained step by step.

Who this course is for:



   Course is designed for Students with minimum of basic knowledge of JavaScript, React and Node



Requirements



   JavaScript

   React

   Node



Last Updated 1/2022

File list
  • Video Chat App - Learn MERN Stack with WebRTC and SocketIO
  • .pad/0 151 B
  • .pad/1 144 B
  • .pad/2 177 B
  • .pad/3 222 B
  • .pad/4 18 B
  • TutsNode.com.txt 63 B
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/2. Preparing server and authentication possibility/1. Introduction.srt 1.8 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/2. Preparing server and authentication possibility/10. Creating folder structure and authentication routes.srt 9.4 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/2. Preparing server and authentication possibility/11. Testing routes with Postman.srt 1.7 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/2. Preparing server and authentication possibility/15. More about Joi.srt 2.8 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/2. Preparing server and authentication possibility/17. Creating Register functionality.srt 11.8 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/2. Preparing server and authentication possibility/2. Node.js installation.srt 2.4 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/2. Preparing server and authentication possibility/23. Creating middleware to check if token is valid and not expired.srt 9.3 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/2. Preparing server and authentication possibility/24. Trying to access protected route.srt 8.9 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/2. Preparing server and authentication possibility/25. Complete code - End of the Module.html 230 B
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/2. Preparing server and authentication possibility/4. Installing necessary packages with NPM.srt 8.4 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/2. Preparing server and authentication possibility/6. Nodemon - adding script to automatically restart server after changes.srt 2.6 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/2. Preparing server and authentication possibility/8. Preparing for connection with database.srt 8.5 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/3. Creating React Project with Login and Register Functionality/10. Creating Custom Button.srt 11.1 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/3. Creating React Project with Login and Register Functionality/11. Creating Redirect Component.srt 10 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/3. Creating React Project with Login and Register Functionality/13. Regular Expression Pattern.html 312 B
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/3. Creating React Project with Login and Register Functionality/14. Creating Custom Validator.srt 15.6 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/3. Creating React Project with Login and Register Functionality/15. Creating Register Page.mp4 163.4 MB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/3. Creating React Project with Login and Register Functionality/15. Creating Register Page.srt 23.1 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/3. Creating React Project with Login and Register Functionality/17. Preparing Authentication Actions.srt 12.8 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/3. Creating React Project with Login and Register Functionality/19. Testing Login Actions and Registration Actions and explaining redux flow.srt 12.3 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/3. Creating React Project with Login and Register Functionality/21. Preparing Store for Alert Messages.srt 9.2 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/3. Creating React Project with Login and Register Functionality/22. Displaying Server Messages.srt 9.9 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/3. Creating React Project with Login and Register Functionality/23. Adding JWT token to Requests.srt 10.9 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/3. Creating React Project with Login and Register Functionality/25.1 S02E23-discord-app.zip 494.6 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/3. Creating React Project with Login and Register Functionality/5. Configuring Redux Store.srt 11.1 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/3. Creating React Project with Login and Register Functionality/6. Adding Routing to App.srt 9.3 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/3. Creating React Project with Login and Register Functionality/7. Creating Authentication Box Component with MaterialUI.srt 14.4 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/3. Creating React Project with Login and Register Functionality/9. Creating custom input component.srt 15.8 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/4. Creating Dashboard UI in React/10. Creating Dummy Invitations List.srt 13.2 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/4. Creating Dashboard UI in React/11. Invitations List - Decision Buttons.srt 8.1 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/4. Creating Dashboard UI in React/12. Dropdown Menu with logout functionality.srt 8 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/4. Creating Dashboard UI in React/13. Checking if token exists on Dashboard Page.srt 8.8 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/4. Creating Dashboard UI in React/13.1 S03E13-completeCode.zip 505.5 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/4. Creating Dashboard UI in React/14.1 S03E13-completeCode.zip 505.5 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/4. Creating Dashboard UI in React/2. Creating Dashboard Structure.srt 13.3 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/4. Creating Dashboard UI in React/6. Material UI - Add Friend Dialog.mp4 154.4 MB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/4. Creating Dashboard UI in React/6. Material UI - Add Friend Dialog.srt 18 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/4. Creating Dashboard UI in React/8. Preparing Friends List.srt 15.3 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/5. Friend Invitation System and SocketIO Realtime Connection/12. Creating Server Routes - Friends Invitations.srt 15.7 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/5. Friend Invitation System and SocketIO Realtime Connection/16. More Custom Validation Related With Friend Invitations.srt 9.2 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/5. Friend Invitation System and SocketIO Realtime Connection/20. Preparing at Server Pending Friend Invitations.srt 9.2 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/5. Friend Invitation System and SocketIO Realtime Connection/21. Emitting Events to Clients of Specific ID.srt 15.9 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/5. Friend Invitation System and SocketIO Realtime Connection/28. Preparing Client Side To Accept Or Reject Friend Invitation.srt 12.2 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/5. Friend Invitation System and SocketIO Realtime Connection/29. Preparing Decision Controllers.srt 11.3 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/5. Friend Invitation System and SocketIO Realtime Connection/32. Accepting Friend Invitation Logic.srt 11.9 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/5. Friend Invitation System and SocketIO Realtime Connection/35. Creating Server Logic For Real Friends Updates.srt 11.3 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/5. Friend Invitation System and SocketIO Realtime Connection/37. Connecting Online User Indicator.srt 9.7 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/5. Friend Invitation System and SocketIO Realtime Connection/38. Online Indicator at React Side.srt 10 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/5. Friend Invitation System and SocketIO Realtime Connection/39.1 S04E38-completeCode.zip 517.5 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/5. Friend Invitation System and SocketIO Realtime Connection/6. Server Store - Saving Information About Connected Users.srt 10.3 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/5. Friend Invitation System and SocketIO Realtime Connection/8. Creating Disconnect Handler.srt 8.5 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/6. Creating Realtime Chat System With SocketIO and MongoDB/12. Creating Handler For Direct Message Event.mp4 154.6 MB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/6. Creating Realtime Chat System With SocketIO and MongoDB/12. Creating Handler For Direct Message Event.srt 20.1 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/6. Creating Realtime Chat System With SocketIO and MongoDB/13. Testing Direct Message Handler.srt 5.7 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/6. Creating Realtime Chat System With SocketIO and MongoDB/14. Preparing Realtime Chat Updates.srt 13.9 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/6. Creating Realtime Chat System With SocketIO and MongoDB/16. Testing Real Chat Updates.srt 14.2 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/6. Creating Realtime Chat System With SocketIO and MongoDB/17. Updating Store Messages.srt 11.9 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/6. Creating Realtime Chat System With SocketIO and MongoDB/19. Rendering Real Messages.srt 10.7 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/6. Creating Realtime Chat System With SocketIO and MongoDB/2. Preparing Redux Store For Chat Functionality.srt 8.5 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/6. Creating Realtime Chat System With SocketIO and MongoDB/23.1 S05E22-competeCode.zip 528 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/6. Creating Realtime Chat System With SocketIO and MongoDB/3. Choosing Active Conversation.srt 8.3 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/6. Creating Realtime Chat System With SocketIO and MongoDB/7. Creating Message Header.srt 11.5 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/6. Creating Realtime Chat System With SocketIO and MongoDB/8. Rendering Single Messages.srt 17.4 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/6. Creating Realtime Chat System With SocketIO and MongoDB/9. Creating New Message Input.srt 11.3 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/8. Creating Video Group Call Rooms/1. Module Introduction.srt 8.7 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/8. Creating Video Group Call Rooms/10. Testing Room Create Events.srt 8.3 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/8. Creating Video Group Call Rooms/11. Broadcasting Active Rooms To All Online Users.srt 13.8 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/8. Creating Video Group Call Rooms/14. Rendering Active Rooms.srt 17.6 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/8. Creating Video Group Call Rooms/15. Joining Active Room at Server Side.srt 15 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/8. Creating Video Group Call Rooms/16. Testing Joining Room Functionality.srt 8.4 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/8. Creating Video Group Call Rooms/18. Creating Leave Room Functionality.srt 17.3 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/8. Creating Video Group Call Rooms/22. Getting Local Stream Preview.mp4 151.2 MB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/8. Creating Video Group Call Rooms/22. Getting Local Stream Preview.srt 18.4 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/8. Creating Video Group Call Rooms/22.1 s06e22-corrected.mp4 765 MB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/8. Creating Video Group Call Rooms/23. Creating Local Video Preview.srt 10.9 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/8. Creating Video Group Call Rooms/25. Adding Only Audio Functionality.srt 12.1 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/8. Creating Video Group Call Rooms/30. Events Related With Connection.srt 8.5 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/8. Creating Video Group Call Rooms/32. Preparing Peer Connection Object.srt 17.6 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/8. Creating Video Group Call Rooms/33. Emitting Event to Initialize Connection.srt 8.6 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/8. Creating Video Group Call Rooms/35. Exchanging Signaling Data.srt 11 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/8. Creating Video Group Call Rooms/38. Rendering Remote Streams.srt 10.1 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/8. Creating Video Group Call Rooms/39. Closing RTC Connection and Removing Remote Streams.mp4 192 MB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/8. Creating Video Group Call Rooms/39. Closing RTC Connection and Removing Remote Streams.srt 25 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/8. Creating Video Group Call Rooms/4. Changing State if User is in Room.srt 12.5 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/8. Creating Video Group Call Rooms/43. Preparing Logic For Screen Sharing.srt 14.9 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/8. Creating Video Group Call Rooms/44. Switching Outgoing Video Tracks in Active Peer Connections.srt 10 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/8. Creating Video Group Call Rooms/44.1 S06E44-SwitchingOutgoingTracks.txt 587 B
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/8. Creating Video Group Call Rooms/48. Hidding Buttons Depends if Audio Only is Enabled.srt 10.4 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/8. Creating Video Group Call Rooms/49. Giving Room Owner Possibility to Re-join Room which he created.srt 9.8 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/8. Creating Video Group Call Rooms/5. Creating Main Room Component.srt 9.2 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/8. Creating Video Group Call Rooms/50.1 S06E49-completeCode.zip 344.4 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/8. Creating Video Group Call Rooms/8. Creating Room Buttons.srt 17.8 KB
  • [TutsNode.com] - Video Chat App - Learn MERN Stack with WebRTC and SocketIO/8. Creating Video Group Call Rooms/9. Creating Room at Server Side.srt 19.5 KB

Rating
Not rated yet
Log in to rate

Comments

No comments yet.


Similar torrents