Let's Create A Nodejs Desktop Chat Application(React/Socket)
2.5 (23 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
241 students enrolled

Let's Create A Nodejs Desktop Chat Application(React/Socket)

Build a Complete Chat App from scratch using Web Technologies (React, Electron, Socketio, MongoDB and RESTFUL APIs)
2.5 (23 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
241 students enrolled
Created by Islem Maboud
Last updated 8/2018
English
English [Auto]
Current price: $20.99 Original price: $29.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 8 hours on-demand video
  • 3 articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Learn Web Development Using In-Demand Technologies
  • Be able to use React, Nodejs, Electron and Socket io for future projects and gain app development experience
  • Get Real World React Front-End UI Experience
  • Learn Logging, Registration and Authentication Systems
  • Learn About RESTFULL APIs and Server alongside MongoDB Database
Course content
Expand all 24 lectures 07:53:59
+ Introduction
4 lectures 51:10

The getting started video shows you the technologies we are going to use during this series also creates a very basic Node.js app project.

Also if you are not familiar with some of the technologies we are going to use or you need a batter basic understanding of it please make sure to go our Youtube channel or on the learning website platform that already has all the used technologies on this course series.

Learning Platform: http://ipenywis.com

Youtube Channel: https://www.youtube.com/channel/UCMm15RFnHUvM-aSc50e7R9A

Course Series For the Used technologies and Frameworks.

Nodejs => http://ipenywis.com/tutorials/node.js-brief-beginners-introduction-01

Electron => http://ipenywis.com/tutorials/electron-build-desktop-apps-html%5Ccss%5Cjs-%7C-getting-started-01

Socket.io => http://ipenywis.com/tutorials/node.js-socket.io-introduction-and-getting-started-01

React => http://ipenywis.com/tutorials/build-react-apps-%7C-introduction-and-getting-started-01

MongoDB => http://ipenywis.com/tutorials/mongodb-getting-started--01

RESTFULL APIs => http://ipenywis.com/tutorials/api-how-it-works-with-practical-examples


And many more tutorial that you can benefits from either on the series scope or out of it, you are going to find a very valuable information that you may need during you career.

Make sure to check out the article along the side the tutorial to fully understand how to create and setup the project structure as mine.


Preview 13:16
Webpack Configuration and Making a Basic App
13:32

Must Read for those of you still stuck on setting up your development project

Environment Setup (Important)
01:23
How Socket.io Works (Server & Client)
22:59
+ Start App Creation
3 lectures 46:58
Using React in Our App (Intro)
14:44
Creating The App Layout
17:21
Chat Input Bar (Messages)
14:53
+ Messaging System (Client & Server)
4 lectures 01:27:25
Sending and Receiving Chat Messages (Client & Server)
21:06
Adding Username Support for the Chat
21:11
Messages on the Server (Chat Bar Functionality)
23:16
Displaying Sent and Received Messages (Two Clients)
21:52
+ Logging, Register and Authentication Systems
7 lectures 03:02:44
Basic Logging System (Login to the Server) Routes & Controllers
22:29
Register to The Chat Server (Route & Controller)
25:14
Register Form and Toggling between Register & Login
35:30
Login Authentication using JWT Auth Token Middleware
28:55
JWT Cookies and Sessions (Saving Login Over Multiple Sessions)
33:52
+ Connected Users, Chat Settings and Deploying the Final App
4 lectures 01:45:25
Showing Currently Connected Users to the Server
34:15
Add Chat Settings (Settings Button)
16:50
Change User Details Popup (Username & Password)
38:12
Build and Deploy The Chat Application (Cross-Platform)
16:08
+ Just For You!
2 lectures 00:17
Chat App Source Code
00:05
Free Video/Written Tutorials For You
00:12
Requirements
  • Basic Computer Knowledge
  • Basic Programming Knowledge
  • Basic HTML, CSS and Javascript
  • Basic React/Nodejs knowledge
  • Passion To Develop Apps & Learn To Program
Description

Create a Complete Desktop Chat Application From the Scratch using Electron Framework to build it using Web Technologies and release it on different platforms  (Windows/Linux/MacOSX)

We are going to use Trending Frameworks and Libraries for building the app Node.js for The base App, React for Front-End rendering, Socketio for Server Communication (Messaging System), Node.js (Express) Servers & RESTFUL APIs for providing full Multiple Clients Communication and NoSQL MongoDB Database For Registration and Authentication System, basically we are going to cover everything needed to create your own application where Electron framework help us to Distribute it on either Desktop or Web platforms so code once publish everywhere.

At the end we will take the create application and publish it (create a real platform independent application installer) so you can share it with you closest friend for private chat.

All the topics we cover in this series are available on my free learning platform (and youtube channel), so you can learn about anything you want (Check BIO).


Full Source Code will be available to you on Github, so when ever you feel lost you still can follow along.

Who this course is for:
  • Nodejs/React Developers for Dev Experience
  • Want to Learn how to create Desktop Apps using Web Technologies
  • Know Basics But wants to get a Real World App Development Experience
  • New Web Developers who want to get App Development Experience