Grab the chance to earn a scholarship!

Study a desired course for free & get money
watching now
4 Students
69 Lessons
Intermediate

What Will You Learn?

  • How to create Messenger app
  • How to create app login with Facebook or Google
  • How to use Express JS
  • How to store and fetch data in the app
  • How to charge users who are using your app

Curriculum

9h 11m
Section 1: Setup Developer Environment
02:02
Section 2: Building Server (Back-End)
04:17
Section 3: Initialize Application
05:58
Section 4: View Engine
14:51
Section 5: About Route
03:18
Section 6: Nodemon Module
05:14
Nodemon Module
05:14
Section 7: Materialize CSS
07:18
Materialize CSS
07:18
Section 8: Materialize Form
08:44
Materialize form
08:44
Section 9: Body-Parser Module
11:22
Body Parser Module
11:22
Section 10: Mongoose Module
07:24
Mongoose Module
07:24
Section 11: MongoDB
11:25
MongoDB
11:25
Section 12: Save data into MongoDB
09:24
Save Data into MongoDB
09:24
Section 13: Fetch Data From MongoDB
10:48
Fetch Data from MongoDB
10:48
Section 14: Express Static Files
07:12
Express Static Files
07:12
Section 15: User Model
11:21
User Model
11:21
Section 16: Login With Facebook
08:30
Login With Facebook
08:30
Section 17: Passport Middleware
08:25
Passport Middleware
08:25
Section 18: Facebook Strategy
11:06
Facebook Strategy
11:06
Section 19: Facebook Authentication
06:04
Facebook Auth Login
06:04
Section 20: Save User Data into MongoDB
18:37
Save User Data into Database
18:37
Section 21: Display User Data
06:22
Display User Data
06:22
Section 22: Logout Function
02:13
Logout Function
02:13
Section 23: Global User
04:32
Global User
04:32
Section 24: Auth Helper
09:27
Auth Helper
09:27
Section 25: Access Control
05:16
Access Control
05:16
Section 26: Improve webpages
07:30
Improvement
07:30
Section 27: Fixed Navbar
01:36
Fixed Navbar
01:36
Section 28: Google Oauth
04:13
Google oauth
04:13
Section 29: Google Client ID and Secret
05:45
Google Client ID and Secret
05:45
Section 30: Passport-google-oauth20 module
07:21
Passport-google-oauth20 module
07:21
Section 31: Google Strategy
07:29
Google Strategy
07:29
Section 32: Storing User Data
12:16
Store user data
12:16
Section 33: Display User Data
06:52
Display User Data
06:52
Section 34: Group Icon
04:46
Group Icon
04:46
Section 35: Fetch all users from MongoDB
08:07
Fetch all users from MongoDB
08:07
Section 36: UI Style
04:57
UI Style
04:57
Section 37: Fix Access Control
04:03
Fix Access Control
04:03
Section 38: Message Model
12:17
Message Model
12:17
Section 39: Import Message Model
03:44
Import Message Model
03:44
Section 40: Start chat process
17:17
Start chat process
17:17
Section 41: Chat room route
07:08
Chat room route
07:08
Section 42: Rendering chat room template
03:27
Rendering chat room template
03:27
Section 43: UX styling for Chat Room
03:31
UX styling for Chat Room
03:31
Section 44: Passing User Object to Chat Room
02:05
Passing User Object to Chat Room
02:05
Section 45: Submit Message Form
09:27
Submit Message Form
09:27
Section 46: Display Messages in Chat Room
04:08
Display Messages in Chat Room
04:08
Section 47: Display Sender Name and Image in ChatRoom
09:26
Display Sender Name and Image in ChatRoom
09:26
Section 48: Display receiver message in ChatRoom
06:33
Display receiver message in ChatRoom
06:33
Section 49: Testing Chat Room
07:10
Testing Chat Room
07:10
Section 50: Materialize CSS Media Object
07:59
Materialize Media Object
07:59
Section 51: Double Check Chat Process
08:19
Double Check Chat Process
08:19
Section 52: Fixing Chat process
20:58
Fixing Chat process
20:58
Section 53: Display Receiver Image in Chat Room
05:40
Display Receiver Image in Chat Room
05:40
Section 54: Debugging in Chat Process
06:35
Debugging in Chat Process
06:35
Section 55: UI Style
06:02
UI Style
06:02
Section 56: Auto Scroll Function
07:32
Auto Scroll Function
07:32
Section 57: User Wallet Checker
09:04
User Wallet Checker
09:04
Section 58: Charge User
07:27
Charge User
07:27
Section 59: Stripe Checkout
07:47
Stripe Checkout
07:47
Section 60: Payment Form
09:35
Payment form
09:35
Section 61: Submitting Payment Form
09:22
Submitting Payment Form
09:22
Section 62: Charge Client for Message
17:37
Charge Client for Message
17:37
Section 63: Charge $10 for 50 messages
09:43
Charge $10 for 50 messages
09:43
Section 64: Environment Variables
04:39
Environment Variables
04:39
Section 65: Getting Ready for Deployment
08:16
Getting Ready for Deployment
08:16
Section 66: Deployment
08:16
Deployment
08:16
Section 67: Facebook ID and MongoURI for production
11:07
Facebook ID and MongoURI for production
11:07
Section 68: Facebook Callback URL
04:56
Facebook Callback URL
04:56
Section 69: Google production and Stripe config vars
17:48
Google production and Stripe config vars
17:48

Description

Requirements

  • Computer with Internet connection

About the Instructor

Eldor Togaymurotov

Web developer and teacher
Reviews 0
Students 20
Courses 3

Eldor Togaymurotov is proud of all the experience in web development that he’s collected in more than 5 years’ career. He started as a front-end developer, then got more interested in building the server-side of the web (the back-end) to finally join all of the accumulated knowledge as a full-stack web developer. Over the years, Eldor has gained solid practical skills in all-things web development, and he’s driven to share his knowledge with his students.

Eldor Togaymurotov, based in Los Angeles, California, is an expert in Nodejs, Express, and MongoDB for building the back-end of web applications. He uses HTML, CSS/Bootstrap, JavaScript/jQuery, and Express-Handlebars template engine when programming the front-end. Eldor pays huge attention to making web applications responsive and mobile-friendly so that users are happy with the way they use web content on any device of their choice. “I focus more on the functionalities rather than the style of websites,” says Eldor.

On BitDegree, you can learn all that you need to know about building a chat application from scratch. With Eldor Togaymurotov, you’ll cover the essential topics and get step-by-step guidance to move smoothly and quickly in the process. Join his course with no delay!

BitDegree platform reviews

Our students say Excellent
9.5 out of 10
trustpilot logo 1 trustpilot logo