Build Messenger App and Charge Client for Each Message

Name: Build Messenger App and Charge Client for Each Message
Rating: 4.6 (10 reviews)

Real Chat Application

Created byEldor Togaymurotov

Last updated 10/2019

English

What you'll learn

Node, Express and JavaScript
Full-Stack Web Application development from scratch till deployment
Students will be able to build complete chat application
Students will learn how to charge clients for each message they send
This messenger app will help students or anyone to build online business

Course content

1 section • 69 lectures • 9h 10m total length

Setup Developer Environment2:00
Lecture02-Initialize Application5:58
Lecture03-Building Server/Back-End4:16
Setup Template as a View Engine14:51
Get About Route3:17
Nodemon module5:14
Materialize CSS7:18
Materialize CSS Form8:44
Body-Parser Module11:21
Mongoose Module7:24
Remote MongoDB Database12:55
Save Data into MongoDB9:44
Fetch Data from MongoDB10:45
Serve Express Static Files7:14
User Model11:20
Facebook Authentication and Client Secret ID8:30
Passport Middleware8:12
Facebook Strategy10:32
Login With Facebook6:03
Configure the Facebook login flow using passport, request email, display name, and photos, and handle success or failure redirects to profile or home.
Save FB data into MongoDB19:25
Fetch User Data from MongoDB and Display6:24
Logout Function2:13
Global User4:31
Auth Helpers9:26
Access Control5:15
Improvement7:29
Fixed Navbar on Top1:35
Learn to implement a fixed navbar on top that stays visible while scrolling, and test the contact form submission within the messenger app project.
GOOGLE AUTHENTICATION4:13
Google Client ID and Secret5:44
Passport-Google-Oauth20 module7:20
Google Strategy7:28
Store User Data into Database12:15
Display User Data6:32
Group Icon4:45
Fetch All Users from MongoDB8:07
UI Style4:56
Fix Access Control4:02
Fix access control by enabling guest contact without login, tightening login requirements for profile and home pages, and passing current user data to templates to render correct icons.
Message Model11:31
Import Message Model3:43
Starting Chat Process16:39
Private Chat Route7:08
Rendering Chat Room Template3:27
Styling Chat Room3:30
Passing User Object to the Chat Room2:05
Sending Private Message9:27
Display Messages in Chat Room4:07
Display Sender name and image9:25
Practice displaying the sender’s name and avatar in chats by wiring message IDs to sender and receiver, populating the receiver name, updating messages, and validating the user interface across logins.
Display Receiver Message6:33
Testing Chat Room7:09
Test the chat room by logging in with different accounts, sending messages, and verifying that previous conversations load correctly after clearing and resetting the database.
Materialize CSS Media class7:59
Double Checking Chat Process8:18
Fixing Chat Process20:57
Display Receiver Image5:39
Fixing bags in Chat Process6:34
UI Style6:01
Auto Scroll Function7:31
Apply an auto scroll feature to the messenger interface using a jQuery approach, selecting the conversation element by its id and scrolling to the top at a defined speed.
User Wallet Checker9:03
Charge Dollar from User Wallet7:27
Introduction to Stripe Checkout7:46
Payment Form9:34
Submit Payment Form9:21
Charging Customers17:36
Charge $10 for 50 messages9:43
Environment Variables4:39
Deployment8:16
Heroku8:16
Facebook and MongoDB for production11:06
Facebook Callback For Production4:56
Config Vars in Heroku17:48
Configure Heroku config vars for production by creating Google OAuth credentials, setting redirect URLs and authorized domains, then push changes and switch from test to live Stripe keys.

Requirements

Computer and Laptop is required
WiFi or Internet connection

Description

Learn how to build a powerful Messenger app and turn it into a revenue-generating tool by charging clients for each message they send! In this comprehensive tutorial, we’ll walk you step by step through creating a fully functional chat application — from designing a sleek, user-friendly interface to setting up real-time messaging using modern frameworks like Node.js, React, and Socketio.

But we don’t stop at just building the app. We’ll also show you how to implement a smart monetization system that allows you to charge clients per message or set up message bundles, subscriptions, or pay-as-you-go models. You’ll learn how to integrate secure payment gateways like Stripe or PayPal, manage user accounts, and track message usage with analytics.

Whether you want to create a messaging platform for businesses, coaching services, customer support, or premium communities, this tutorial equips you with the technical skills and business strategy to succeed. No matter your coding background, you’ll get practical insights and real-world examples that you can customize to fit your project. By the end, you’ll have a ready-to-launch Messenger app — and the know-how to start generating revenue from day one. Get ready to build, launch, and profit!

What are you waiting for ? Enroll Now!

Who this course is for:

Anyone who are interested in online business and communication thru devices
Beginners are welcome, because everything is explained in detail
No coding experience necessary
Advanced levels are also welcome to take this course, because I used simple method to build chat application in smart way