Udemy

Platform

English

Language

Web Development

Category

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.40 (24 reviews)

Students

8 hours

Content

Aug 2018

Last Update
Regular Price

FULLSTACK.IO
Fullstack.io
The Complete Guide to ReactJS and Friends
$59.99

What you will 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


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.


Screenshots

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

Content

Introduction

Getting Started and Environment Setup

Webpack Configuration and Making a Basic App

Environment Setup (Important)

How Socket.io Works (Server & Client)

Start App Creation

Using React in Our App (Intro)

Creating The App Layout

Chat Input Bar (Messages)

Messaging System (Client & Server)

Sending and Receiving Chat Messages (Client & Server)

Adding Username Support for the Chat

Messages on the Server (Chat Bar Functionality)

Displaying Sent and Received Messages (Two Clients)

Logging, Register and Authentication Systems

Basic Logging System (Login to the Server) Routes & Controllers

Finishing the Logging System (Logging Form)

Setting Up MongoDB Database on the Server

Register to The Chat Server (Route & Controller)

Register Form and Toggling between Register & Login

Login Authentication using JWT Auth Token Middleware

JWT Cookies and Sessions (Saving Login Over Multiple Sessions)

Connected Users, Chat Settings and Deploying the Final App

Showing Currently Connected Users to the Server

Add Chat Settings (Settings Button)

Change User Details Popup (Username & Password)

Build and Deploy The Chat Application (Cross-Platform)

Just For You!

Chat App Source Code

Free Video/Written Tutorials For You


Reviews

S
Stephanie25 May 2020

if the level of the course is intermediate, then is not necessary to over explain React basics. Another thing, there is no basic files to download, the existing files to download have tons of dependencies in the package.json which is known that always complicates the installation. Too much technologies that is not necessary to the main idea of the course, it could be more simpler, because there are other courses to show how to use those technologies

S
Scott30 March 2020

Github repository is missing! and the author doesn't explin how to set up the folder structure at all. Folderes and filles just appear out of nowhere with no explanation.

P
Peter31 August 2019

I am not sure yet. I think you should ask me later after I have gotten through some of the course. So far, so good.

M
Marcel14 March 2019

Guter Inhalt, gute Präsentation leider sehr oft unverständliche Sprünge zwischen den Videos (verschiedene Codestände), keine Teilstände verfügbar - nur der Quellcode vom Endprodukt um wieder einsteigen zu können, bis zum vorletzten Video konnte man sich die Änderungen irgendwie aus dem Context zusammenbauen (mit Hintergrundwissen)

C
Christian18 November 2018

Would've liked to see multiple branches or snippets as the code progressed, handing the student the boilerplate repo that was far ahead of the first couple of lessons made things confusing.

B
Bursuq19 September 2018

straight to the point and very nice topic to learn making real world application. I actually learned React, RESTFULL APIs and Nodejs Express Servers plus some quick tricks and Dev Ops. I have got more experience following this course rather than watching individual technologies series this is the great place to gain a real world app making experience better than going through each one independently. Also the dedicated Ipenywis Website and YouTube channel which offers free online tutorials is awesome compared to other courses. Great and Clear Explanation.

E
Edwin12 September 2018

Direct to the point instructor and very nice topic to learn making real world application, I got more experience following this course rather than watching individual technologies series for ex to learn React, RESTFULL APIs and Nodejs Express Server this is the great place to gain a real world app making experience better than going through each one independently. Really Enjoyed it along side the Ipenywis platform free tutorials the instructor offers. Thanks for the Great Explanation.


1645614

Udemy ID

4/14/2018

Course created date

5/26/2020

Course Indexed date
Bot
Course Submitted by

Twitter
Telegram