Build Collaborative editor and Real-time video call with NodeJS

4h 35m 13s
English
Paid

In this project, you will be learning how to build a collaborative platform with real-time code editor so that you can share what you are coding/typing on the screen with other people at the same time, just like Google Docs. Also I will teach you how to create video call function for this app like FaceTime.

Read more about the course

This project will take you through everything from setup to execution and from empty folder to a real app…but it won't stop there. You won’t just be watching these videos...you’ll actually build this site yourself. With minimum of basic Javascript, you will see this project is super easy and fast to get started and you definitely can build your own ideal application based on the knowledge your learn from here.

Even better if you do a business in which you offer pair training or mentoring of how to code or how to debug someone’s project and then you will charge them for hour rate or something like that. Just like CodeMentor.

Prerequisites/Requirements

  • You should understand basic of HTML and CSS.

  • Basic understand of Javascript.

  • Learn the "NodeJS for newbies in 1 hour" course

  • You want to learn how to build a NodeJS web app in quick way :)

What skills will we learn during this project?

  • How to setup environment and tools for NodeJS.

  • How to use 3rd libraries to power up your app.

  • How to structure your application with good practice.

  • How to work with object models and MongoDB database.

  • How to work with NodeJS code in handlebar templates.

  • How to handle form submission and validation in NodeJS with ease.

  • How to integrate Facebook authentication to any NodeJS apps.

  • How to create real-time transactions with Socket.io.

  • Applying Bootstrap templates into your code.

  • How to create your own peer-to-peer server.

  • Learn how to deploy your NodeJS application on a real hosting.

What features will we build in this project?

  • A collaborative platform with code editor and video call.

  • Authenticate with email & password.

  • Authenticate with Facebook.

  • Sending transactional emails.

  • Real-time collaborative code editor like Google Docs.

  • Real-time chat message like Facebook Messenger.

  • Real-time video call like FaceTime.

  • Hosting the app on a live host.

Watch Online Build Collaborative editor and Real-time video call with NodeJS

Join premium to watch
Go to premium
# Title Duration
1 Vision of this project 03:22
2 What are we building? 05:19
3 Install NodeJS and npm 03:57
4 Install GUI Tool for MongoDB database 01:44
5 Create your first web app 02:51
6 What are we building in this task? 00:44
7 Understanding project's structure 06:51
8 Implementing Bootstrap 07:07
9 Create your first static page 05:25
10 What are we building in this task? 00:51
11 Create Contact page 09:55
12 Form validation 11:12
13 Sending Transactional Emails 10:32
14 What are we building in this task? 00:40
15 Create Register & Login page 07:16
16 Create database for User 16:38
17 Register with Email & Password 22:24
18 Login with Email & Password 09:20
19 Logout function 04:49
20 What are we building in this task? 00:45
21 Create Facebook app 01:30
22 Authenticate with Passport Facebook 14:00
23 What are we building in this task? 00:54
24 Create Task function 09:24
25 What are we building in this task? 00:58
26 Create Code Editor 07:24
27 Create Chat function 19:50
28 Create Room chat 08:10
29 What are we building in this task? 01:15
30 Sharing code editor 13:19
31 Save task to database 07:37
32 What are we building in this task? 00:43
33 Create UI for video call 08:15
34 Create account for PeerJS Server 01:41
35 Setting up WebRTC 12:04
36 Heroku & Mlab 05:00
37 Heroku Deployment 10:50
38 Updating Gmail & Facebook settings 07:48
39 Create our own Peer Server for video call 12:49

Similar courses to Build Collaborative editor and Real-time video call with NodeJS

Learn Nodejs by building 12 projects

Learn Nodejs by building 12 projectsudemy

Category: Node.js
Duration 14 hours 33 minutes 23 seconds
Node.js, Express, MongoDB Bootcamp 2020 - with Real Projects

Node.js, Express, MongoDB Bootcamp 2020 - with Real Projectsudemy

Category: Node.js, MongoDB
Duration 14 hours 21 minutes 12 seconds
MERN Stack React, Socket io, Next.js Express,MongoDb, Nodejs

MERN Stack React, Socket io, Next.js Express,MongoDb, Nodejsudemy

Category: React.js, Next.js, Node.js, MongoDB, Socket.IO
Duration 13 hours 2 minutes 12 seconds
NodeJS: Beginner to Pro - APIs for Food Delivery & Ecommerce

NodeJS: Beginner to Pro - APIs for Food Delivery & Ecommerceudemy

Category: Node.js
Duration 27 hours 56 minutes 16 seconds
Instagram Clone Coding 3.0

Instagram Clone Coding 3.0Nomad Coders

Category: React.js, Node.js, GraphQL, React Native
Duration 20 hours 48 minutes 39 seconds
The Complete Node.js Developer Course (3rd Edition)

The Complete Node.js Developer Course (3rd Edition)udemy

Category: Node.js, MongoDB
Duration 35 hours 4 minutes 4 seconds
MERN Stack Front To Back: Full Stack React, Redux & Node.js.

MERN Stack Front To Back: Full Stack React, Redux & Node.js.udemyBrad Traversy

Category: React.js, Node.js, MongoDB, Redux
Duration 11 hours 52 minutes 29 seconds
NodeJS Microservices: Breaking a Monolith to Microservices

NodeJS Microservices: Breaking a Monolith to Microservicesudemy

Category: Node.js
Duration 6 hours 57 minutes 13 seconds
Create a Discord Bot with Node.js

Create a Discord Bot with Node.jszerotomastery.io

Category: Node.js
Duration 2 hours 20 minutes 37 seconds
Complete Node.js Developer in 2023: Zero to Mastery

Complete Node.js Developer in 2023: Zero to Masteryzerotomastery.io

Category: Node.js
Duration 46 hours 5 seconds