React and WebRTC 2023 & Sharing Location App with Video Chat

seeders: 30
leechers: 40
updated:
Download torrent
Added by tutsnode in Other > Tutorials
Download Fast Safe Anonymous
movies, software, shows...
  • Downloads: 33
  • Language: English

Files

React and WebRTC 2023 Sharing Location App with Video Chat [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat 6 - Creating Chat
  • 47 - Appending Local Messages.mp4 (189.3 MB)
  • 40 - close-icon.svg (0.9 KB)
  • 53 - Application Source Code After Section.html (0.0 KB)
  • 53 - S05E15App.zip (337.1 KB)
  • 49 - Sending Messages To Other Users.mp4 (100.7 MB)
  • 38 - Preparing Store For Messages.mp4 (67.1 MB)
  • 45 - Displaying Real Chatboxes.mp4 (65.1 MB)
  • 44 - Rendering Dummy Messages.mp4 (61.6 MB)
  • 39 - Creating Dummy Chatboxes.mp4 (54.9 MB)
  • 40 - Adding Nav Bar to Chatbox.mp4 (53.6 MB)
  • 51 - Automatically Opening Chatboxes.mp4 (51.9 MB)
  • 43 - Handling User Input.mp4 (51.2 MB)
  • 50 - Displaying Messages At Server Side.mp4 (50.5 MB)
  • 52 - Messages Scroll Automatically.mp4 (39.5 MB)
  • 46 - Closing Chatboxes.mp4 (35.5 MB)
  • 48 - Fixing Bug With Messages.mp4 (32.1 MB)
  • 42 - Adding New Message Input.mp4 (14.6 MB)
  • 41 - Adding Messages Container.mp4 (14.0 MB)
8 - Video Rooms Connecting WebRTC Using PeerJS Library
  • 83 - geocall-completed.zip (365.0 KB)
  • 75 - call-disconnect-icon.svg (1.8 KB)
  • 75 - camera-icon.svg (1.4 KB)
  • 75 - camera-off-icon.svg (1.2 KB)
  • 75 - mic-off-icon.svg (1.2 KB)
  • 75 - mic-icon.svg (0.9 KB)
  • 83 - Complete Application Source Code.html (0.1 KB)
  • 80 - Handling Case Of Dirty Leave.mp4 (144.9 MB)
  • 79 - Closing Peer Connection At Both Sides.mp4 (135.8 MB)
  • 81 - Microphone and Camera Buttons.mp4 (124.4 MB)
  • 70 - Joining Video Room.mp4 (107.3 MB)
  • 71 - Updating Rooms At Server Side.mp4 (95.9 MB)
  • 78 - Server Side Logic Of Leaving Room.mp4 (86.9 MB)
  • 68 - Connecting With Peer Server.mp4 (78.6 MB)
  • 69 - Preparing Peer Implementation For Calling.mp4 (76.9 MB)
  • 75 - Creating Video Room Buttons.mp4 (64.4 MB)
  • 74 - Displaying Remote Stream.mp4 (50.3 MB)
  • 76 - Leaving Room At Initiator Side.mp4 (49.8 MB)
  • 82 - Muting And Switching Camera Off.mp4 (46.3 MB)
  • 73 - Connecting Calling With Second User.mp4 (43.4 MB)
  • 66 - Creating Peer Object.mp4 (39.8 MB)
  • 67 - How Peer Server Works.mp4 (39.6 MB)
  • 65 - PeerJS Introduction.mp4 (36.8 MB)
  • 77 - Testing Leaving Room.mp4 (19.1 MB)
  • 72 - Testing Broadcasting Rooms After Login Event.mp4 (13.4 MB)
5 - Working with Map
  • 29 - MapPage.css (2.7 KB)
  • 36 - chat-icon.svg (1.4 KB)
  • 30 - location-icon.svg (0.8 KB)
  • 34 - distanceFunction.txt (0.6 KB)
  • 37 - Application Source Code After Section.html (0.0 KB)
  • 30 - Rendering Map Markers.mp4 (128.5 MB)
  • 37 - S04E08App.zip (330.0 KB)
  • 29 - Rendering Google Map.mp4 (72.4 MB)
  • 33 - Connecting User Info Card.mp4 (71.6 MB)
  • 34 - Calculating Distance Between Two Coordinates.mp4 (58.0 MB)
  • 35 - Converting Number to Two Decimals.mp4 (46.0 MB)
  • 36 - Creating Chat Button.mp4 (42.3 MB)
  • 32 - Creating User Card.mp4 (41.2 MB)
  • 31 - Rendering Username Label.mp4 (30.1 MB)
7 - Video Rooms Preparation
  • 56 - call-icon.svg (2.4 KB)
  • 63 - Getting Access To Local Stream.mp4 (128.6 MB)
  • 58 - Informing Server About New Room Created.mp4 (106.0 MB)
  • 64 - Displaying Local Video.mp4 (75.3 MB)
  • 60 - Broadcasting Rooms List to All Users.mp4 (64.9 MB)
  • 57 - Creating Join Room Buttons.mp4 (63.1 MB)
  • 56 - Create Room Button.mp4 (59.2 MB)
  • 62 - Rendering Real Rooms.mp4 (52.6 MB)
  • 55 - Preparing Store For Video Rooms.mp4 (42.9 MB)
  • 61 - Setting Real Rooms In Store.mp4 (35.6 MB)
  • 59 - Fixing Bug With Emitting Event With New Room.mp4 (24.3 MB)
  • 54 - Introduction To Video Rooms.mp4 (12.3 MB)
3 - Creating Client Side Application
  • 12 - LoginPage.css (0.8 KB)
  • 16 - Getting Geo Location.mp4 (57.7 MB)
  • 12 - Creating Login Page View.mp4 (48.9 MB)
  • 10 - Connecting with Redux State Management.mp4 (48.5 MB)
  • 14 - Handling Login Button.mp4 (47.8 MB)
  • 20 - Getting Fake Location.mp4 (47.5 MB)
  • 11 - Routing with reactrouterdom.mp4 (34.6 MB)
  • 15 - Code Refactoring.mp4 (34.3 MB)
  • 18 - Saving Location In Store.mp4 (34.0 MB)
  • 19 - Redux Store Debugging.mp4 (33.9 MB)
  • 13 - Handling Username Input.mp4 (32.0 MB)
  • 9 - Creating React Application.mp4 (31.7 MB)
  • 17 - Disabling Button on Location Error.mp4 (15.8 MB)
4 - Connecting Client App with Server Side
  • 28 - Application Source Code After Section.html (0.0 KB)
  • 28 - S03E07App.zip (324.1 KB)
  • 24 - Emitting Event with Online Users.mp4 (93.8 MB)
  • 21 - Connection with SocketIO Server.mp4 (79.3 MB)
  • 23 - Login functionality.mp4 (71.0 MB)
  • 22 - Storing Online Users.mp4 (65.6 MB)
  • 26 - Removing Disconnected User From Store.mp4 (58.1 MB)
  • 25 - Saving Online Users In Store.mp4 (53.1 MB)
  • 27 - Testing Functionality Of Removing Disconnected User.mp4 (25.5 MB)
1 - Introduction
  • 1 - Application Preview.mp4 (44.2 MB)
2 - Creating Server Side
  • 4 - Creating Express Server.mp4 (41.0 MB)
  • 5 - Adding SocketIO Server.mp4 (38.8 MB)
  • 7 - Disconnected Event Handler.mp4 (31.9 MB)
  • 3 - Creating Server Project.mp4 (20.3 MB)
  • 6 - Testing Connection with Postman.mp4 (18.8 MB)
  • 2 - Nodejs installation.mp4 (18.7 MB)
  • 8 - More about Events Handlers.mp4 (5.4 MB)
9 - Optional WebRTC Theory
  • 90 - How To Establish Direct Connection Between Peers.mp4 (22.1 MB)
  • 87 - What is TURN Server.mp4 (16.4 MB)
  • 89 - What are ICE Candidates.mp4 (14.4 MB)
  • 84 - What is WebRTC.mp4 (12.9 MB)
  • 88 - What is SDP

Description


Description

Learn technologies like React, WebRTC (PeerJS) , SocketIO and Google Maps API by creating amazing project ,,GeoCall”. In this practical course we will jump straight to the code and explain all necessary things through the course. We will go through all of the steps to create application with possibility of sharing our location on the map with other users. We will create own PeerJS implementation to show how you can develop WebRTC application with direct calls. After this course you will be able to create own application with Google Maps and calling functionality. You will know the process how to establish connection between peers.

In our application we will use:

WebRTC (PeerJS)
JavaScript
SocketIO
Express.js
Node.js
React
Google Maps API

We will create necessary UI with React and Google Maps and we will proceed with all of the logic related with SocketIO and WebRTC.

App creating process:

Prepare environment
Build frontend of our application with React
Connect our Application with Google Maps
Create chat functionality with SocketIO
Create functionality to share with other users our location
Connect own PeerJS Server
Implement direct calls with PeerJS

I hope you will enjoy the course and after finishing it you will feel confident to create own application with Google Maps and chat functionality with direct calls.

Also you can find theory module about WebRTC if you would like to know more details what is going behind of implementation of PeerJS
Who this course is for:

Students who want to learn how to create Sharing Location Application
Students who want to create Realtime Application
Students who want to know how to Create Video Chat
Students who want to know how to create Chat Functionality

Requirements

Javascript and Basic React knowledge

Last Updated 2/2023



Download torrent
4.4 GB
seeders:30
leechers:40
React and WebRTC 2023 & Sharing Location App with Video Chat

Trackers

tracker name
udp://open.stealth.si:80/announce
udp://tracker.tiny-vps.com:6969/announce
udp://fasttracker.foreverpirates.co:6969/announce
udp://tracker.opentrackr.org:1337/announce
udp://explodie.org:6969/announce
udp://tracker.cyberia.is:6969/announce
udp://ipv4.tracker.harry.lu:80/announce
udp://tracker.uw0.xyz:6969/announce
udp://opentracker.i2p.rocks:6969/announce
udp://tracker.birkenwald.de:6969/announce
udp://tracker.torrent.eu.org:451/announce
udp://tracker.moeking.me:6969/announce
udp://tracker.dler.org:6969/announce
udp://9.rarbg.me:2970/announce
µTorrent compatible trackers list

Download torrent
4.4 GB
seeders:30
leechers:40
React and WebRTC 2023 & Sharing Location App with Video Chat

Torrent hash: 68CAEB09EC727912FA15D09764BCF3CC4161E062