React and WebRTC 2023 Sharing Location App with Video Chat

React and WebRTC 2023 Sharing Location App with Video Chat

Size
4.4 GB
Seeders
5
Leechers
0
Files
98
Category
Added
03/14/23 at 7:31pm GMT+1
Infohash
68caeb09ec727912fa15d09764bcf3cc4161e062

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

File list
  • React and WebRTC 2023 Sharing Location App with Video Chat
  • .pad/0 289.1 KB
  • .pad/1 84.6 KB
  • .pad/10 224.7 KB
  • .pad/11 133.5 KB
  • .pad/12 725.1 KB
  • .pad/13 435.4 KB
  • .pad/14 89 KB
  • .pad/15 686.6 KB
  • .pad/16 604.5 KB
  • .pad/17 423.1 KB
  • .pad/18 2.6 KB
  • .pad/19 934.4 KB
  • .pad/2 169.9 KB
  • .pad/20 387.2 KB
  • .pad/21 950.4 KB
  • .pad/22 96.5 KB
  • .pad/23 605.8 KB
  • .pad/24 905.6 KB
  • .pad/25 415.1 KB
  • .pad/26 784.4 KB
  • .pad/27 873.3 KB
  • .pad/28 20.7 KB
  • .pad/29 340.8 KB
  • .pad/3 50.5 KB
  • .pad/30 75.6 KB
  • .pad/31 446.2 KB
  • .pad/32 951.9 KB
  • .pad/33 443.3 KB
  • .pad/34 73.7 KB
  • .pad/35 851.7 KB
  • .pad/36 562.8 KB
  • .pad/37 737.5 KB
  • .pad/4 145.8 KB
  • .pad/5 312.7 KB
  • .pad/6 738.2 KB
  • .pad/7 470 B
  • .pad/8 344.5 KB
  • .pad/9 153.4 KB
  • TutsNode.net.txt 63 B
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/3 - Creating Client Side Application/12 - LoginPage.css 773 B
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/3 - Creating Client Side Application/16 - Getting Geo Location.mp4 57.7 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/4 - Connecting Client App with Server Side/21 - Connection with SocketIO Server.mp4 79.3 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/4 - Connecting Client App with Server Side/22 - Storing Online Users.mp4 65.6 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/4 - Connecting Client App with Server Side/23 - Login functionality.mp4 71 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/4 - Connecting Client App with Server Side/24 - Emitting Event with Online Users.mp4 93.8 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/4 - Connecting Client App with Server Side/25 - Saving Online Users In Store.mp4 53.1 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/4 - Connecting Client App with Server Side/26 - Removing Disconnected User From Store.mp4 58.1 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/4 - Connecting Client App with Server Side/28 - Application Source Code After Section.html 51 B
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/4 - Connecting Client App with Server Side/28 - S03E07App.zip 324.1 KB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/5 - Working with Map/29 - MapPage.css 2.7 KB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/5 - Working with Map/29 - Rendering Google Map.mp4 72.4 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/5 - Working with Map/30 - location-icon.svg 800 B
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/5 - Working with Map/30 - Rendering Map Markers.mp4 128.5 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/5 - Working with Map/33 - Connecting User Info Card.mp4 71.6 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/5 - Working with Map/34 - Calculating Distance Between Two Coordinates.mp4 58 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/5 - Working with Map/34 - distanceFunction.txt 659 B
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/5 - Working with Map/36 - chat-icon.svg 1.4 KB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/5 - Working with Map/37 - Application Source Code After Section.html 51 B
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/5 - Working with Map/37 - S04E08App.zip 330 KB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/6 - Creating Chat/38 - Preparing Store For Messages.mp4 67.1 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/6 - Creating Chat/39 - Creating Dummy Chatboxes.mp4 54.9 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/6 - Creating Chat/40 - Adding Nav Bar to Chatbox.mp4 53.6 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/6 - Creating Chat/40 - close-icon.svg 913 B
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/6 - Creating Chat/43 - Handling User Input.mp4 51.2 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/6 - Creating Chat/44 - Rendering Dummy Messages.mp4 61.6 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/6 - Creating Chat/45 - Displaying Real Chatboxes.mp4 65.1 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/6 - Creating Chat/47 - Appending Local Messages.mp4 189.3 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/6 - Creating Chat/49 - Sending Messages To Other Users.mp4 100.7 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/6 - Creating Chat/50 - Displaying Messages At Server Side.mp4 50.5 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/6 - Creating Chat/51 - Automatically Opening Chatboxes.mp4 51.9 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/6 - Creating Chat/53 - Application Source Code After Section.html 51 B
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/6 - Creating Chat/53 - S05E15App.zip 337.1 KB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/7 - Video Rooms Preparation/56 - call-icon.svg 2.4 KB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/7 - Video Rooms Preparation/56 - Create Room Button.mp4 59.2 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/7 - Video Rooms Preparation/57 - Creating Join Room Buttons.mp4 63.1 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/7 - Video Rooms Preparation/58 - Informing Server About New Room Created.mp4 106 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/7 - Video Rooms Preparation/60 - Broadcasting Rooms List to All Users.mp4 64.9 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/7 - Video Rooms Preparation/62 - Rendering Real Rooms.mp4 52.6 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/7 - Video Rooms Preparation/63 - Getting Access To Local Stream.mp4 128.6 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/7 - Video Rooms Preparation/64 - Displaying Local Video.mp4 75.3 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/8 - Video Rooms Connecting WebRTC Using PeerJS Library/68 - Connecting With Peer Server.mp4 78.6 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/8 - Video Rooms Connecting WebRTC Using PeerJS Library/69 - Preparing Peer Implementation For Calling.mp4 76.9 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/8 - Video Rooms Connecting WebRTC Using PeerJS Library/70 - Joining Video Room.mp4 107.3 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/8 - Video Rooms Connecting WebRTC Using PeerJS Library/71 - Updating Rooms At Server Side.mp4 95.9 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/8 - Video Rooms Connecting WebRTC Using PeerJS Library/74 - Displaying Remote Stream.mp4 50.3 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/8 - Video Rooms Connecting WebRTC Using PeerJS Library/75 - call-disconnect-icon.svg 1.8 KB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/8 - Video Rooms Connecting WebRTC Using PeerJS Library/75 - camera-icon.svg 1.4 KB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/8 - Video Rooms Connecting WebRTC Using PeerJS Library/75 - camera-off-icon.svg 1.2 KB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/8 - Video Rooms Connecting WebRTC Using PeerJS Library/75 - Creating Video Room Buttons.mp4 64.4 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/8 - Video Rooms Connecting WebRTC Using PeerJS Library/75 - mic-icon.svg 943 B
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/8 - Video Rooms Connecting WebRTC Using PeerJS Library/75 - mic-off-icon.svg 1.2 KB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/8 - Video Rooms Connecting WebRTC Using PeerJS Library/76 - Leaving Room At Initiator Side.mp4 49.8 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/8 - Video Rooms Connecting WebRTC Using PeerJS Library/78 - Server Side Logic Of Leaving Room.mp4 86.9 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/8 - Video Rooms Connecting WebRTC Using PeerJS Library/79 - Closing Peer Connection At Both Sides.mp4 135.8 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/8 - Video Rooms Connecting WebRTC Using PeerJS Library/80 - Handling Case Of Dirty Leave.mp4 144.9 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/8 - Video Rooms Connecting WebRTC Using PeerJS Library/81 - Microphone and Camera Buttons.mp4 124.4 MB
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/8 - Video Rooms Connecting WebRTC Using PeerJS Library/83 - Complete Application Source Code.html 73 B
  • [TutsNode.net] - React and WebRTC 2023 Sharing Location App with Video Chat/8 - Video Rooms Connecting WebRTC Using PeerJS Library/83 - geocall-completed.zip 365 KB

Rating
Not rated yet
Log in to rate

Comments

No comments yet.