Build Collaborative Editor and Real-time Video Call with NodeJS
WEBRip | English | MP4 + Project Files | 1280 x 720 | AVC ~950 kbps | 30 fps
AAC | 248 Kbps | 44.1 KHz | 2 channels | 04:34:53 | 4.61 GB
Genre: Video Tutorial
WEBRip | English | MP4 + Project Files | 1280 x 720 | AVC ~950 kbps | 30 fps
AAC | 248 Kbps | 44.1 KHz | 2 channels | 04:34:53 | 4.61 GB
Genre: Video Tutorial
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.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.
Starter
Vision of this project
What are we building?
Download Source code
Task 1: Setting up
Install NodeJS and npm
Install GUI Tool for MongoDB database
Create your first web app
Task 2: Start here
What are we building in this task?
Understanding project's structure
Implementing Bootstrap
Create your first static page
Task 3: Forms and Transactional emails
What are we building in this task?
Create Contact page
Form validation
Sending Transactional Emails
Task 4: Authentication with Email
What are we building in this task?
Create Register & Login page
Create database for User
Register with Email & Password
Login with Email & Password
Logout function
Task 5: Authentication with Facebook
What are we building in this task?
Create Facebook app
Authenticate with Passport Facebook
Task 6: Creating Tasks for code editor
What are we building in this task?
Create Task function
Task 7: Chat system (Socket.io)
What are we building in this task?
Create Code Editor
Create Chat function
Create Room chat
Task 8: Collaborative Code editor
What are we building in this task?
Sharing code editor
Save task to database
Task 9: Real-time video call
What are we building in this task?
Create UI for video call
Create account for PeerJS Server
Setting up WebRTC
Task 10: Go Live
Heroku & Mlab
Heroku Deployment
Updating Gmail & Facebook settings
Create our own Peer Server for video call
Vision of this project
What are we building?
Download Source code
Task 1: Setting up
Install NodeJS and npm
Install GUI Tool for MongoDB database
Create your first web app
Task 2: Start here
What are we building in this task?
Understanding project's structure
Implementing Bootstrap
Create your first static page
Task 3: Forms and Transactional emails
What are we building in this task?
Create Contact page
Form validation
Sending Transactional Emails
Task 4: Authentication with Email
What are we building in this task?
Create Register & Login page
Create database for User
Register with Email & Password
Login with Email & Password
Logout function
Task 5: Authentication with Facebook
What are we building in this task?
Create Facebook app
Authenticate with Passport Facebook
Task 6: Creating Tasks for code editor
What are we building in this task?
Create Task function
Task 7: Chat system (Socket.io)
What are we building in this task?
Create Code Editor
Create Chat function
Create Room chat
Task 8: Collaborative Code editor
What are we building in this task?
Sharing code editor
Save task to database
Task 9: Real-time video call
What are we building in this task?
Create UI for video call
Create account for PeerJS Server
Setting up WebRTC
Task 10: Go Live
Heroku & Mlab
Heroku Deployment
Updating Gmail & Facebook settings
Create our own Peer Server for video call
also You can watch my other last: Programming-posts
Screenshots
Exclusive eLearning Videos ParRus-blog ← add to bookmarks