Build Collaborative editor and Real-time video call with NodeJS

4h 35m 13s
English
Paid

Course description

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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 39 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing

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

0:00
/
#1: Vision of this project

All Course Lessons (39)

#Lesson TitleDurationAccess
1
Vision of this project Demo
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

Unlock unlimited learning

Get instant access to all 38 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

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

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

Sources: udemy
Node.js is probably THE most popular and modern server-side programming language you can dive into these days! Node.js developers are in high demand. Not to me
27 hours 56 minutes 16 seconds
Understanding Node.js: Core Concepts

Understanding Node.js: Core Concepts

Sources: udemy
Welcome to the most comprehensive Node.js course on the internet! In this course, we're going to do a deep dive into Node.js itself without cluttering our minds
36 hours 3 minutes 40 seconds
Docker for Node.js Projects From a Docker Captain

Docker for Node.js Projects From a Docker Captain

Sources: udemy
Welcome to the best course on the planet for using Docker with Node.js! With your basic knowledge of Docker and Node.js in hand, Docker Mastery for Node.js is a
8 hours 14 minutes 12 seconds
Node, SQL, & PostgreSQL - Mastering Backend Web Development

Node, SQL, & PostgreSQL - Mastering Backend Web Development

Sources: udemy
Become an in demand software engineer by taking this course on Node, SQL, PostgreSQL, and backend web development. As one of the most popular web development st
4 hours 59 minutes 41 seconds