Skip to content
UdemyWeb DevelopmentPaid courseAll LevelsCertificate

Node.js and React: Build a complete web chat application (Udemy.com)

Learn how to build a chat application using Node.js and React with Web Sockets, PostgreSQL, Redux and much more.

Created by: Dino Numić

Last updated November 2020

icon
What you will learn

  • Modularize Node project
  • Create models. migrations, seeders in postgreSQL with Sequelize
  • Backend and Frontend Authentication system
  • Achieve real-time communication with Web Sockets
  • React, Redux, React Router Dom
  • Custom image upload with Node

How it compares

Against the other 815 rated Udemy courses in Web Development on CourseDuck:

  • Rating4.3 out of 5higher than 21% of them
  • Reviews271#404 of 816 by number of reviews
  • Length9.6 hourslonger than 57% of them
  • Last updatedNovember 2020earlier than 82% of them

icon
Course Description

By enrolling and finishing this course you will know how to build a full real-time web chat application. We will go together, through every step of the way, so it is not a limiting factor if you don’t have much experience with all of the technologies that we are going to use.


Here are, summarized, some of the things you will learn throughout this course.


  1. Install Node and create a simple project structure

    • You will learn how to initialize a new npm project. Enable node watcher and project hot reload where changes are automatically applied. Set project environmental variables, configuration files, and dynamic project structure.


  2. Install PostgreSQL and general database management

    • You will learn how to install PostgreSQL alongside pgAdmin (database management tool). You will also learn how to use sequelize (Object Relational Mapping) for creating models, tables, seeders, and performing SQL queries.


  3. Create Node authentication with JWT tokens

    • You will learn how to hash user passwords, generate JSON web tokens, create auth middleware, and control how users can consume your API.

    • You will also learn how to create custom form request validators for handling user input


  4. Custom file upload

    • You will learn how to upload files with multer, generate a custom upload folder, and perform file validation before upload.


  5. Create new React application with Redux and Router

    • You will learn how to create a new React application. Add Redux for state management and Router for application navigation.

    • You will learn how to create async store actions and properly update state inside reducers

    • You will learn how to create Protected Routes, create Axios base configuration, and use services Axios calls.


  6. Implement Web Sockets

    • You will learn how to implement sockets in Node and also in React application. How to achieve real-time communication, emit, and listen to events between server and client.


  7. You will have fun

    • You will have a fun time learning so many different things at the same time. Although it can sometimes be a bit overwhelming, you will enjoy the challenges of learning something cool and popular in today's real-time world.


icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Dino Numić

Hi, I’m Dino. I am a full-stack software developer with a strong passion to learn new exciting things and share knowledge.

I have started my programming journey whilst being a freshman at university. Never would I have thought that I’d love it so much. So far, I have freelanced, worked remotely, worked with friends, worked alone.

Currently, full time employed at a fantastic company writing Laravel, Node, React, and Vue applications. I enjoy the diversity that these various technologies bring and all the possible ways that you can advance that they bring.

I’d love to see you coming on this programming adventure together with me.


icon
More courses by Dino Numić

$59.99

icon
More Web Development courses

$19.99

$89.99

$89.99

$79.99

$10.99

$84.99

icon
Reviews

4.3

271 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

By Michael Menard on 1/27/2023

great course, but a little dated. It would be nice to see an update including React 18... but, non the less, if you are willing to do some work to do the upgrading yourself this is a great course. I do with there was at least some amount of jest testing though....

By Sombat Mayer on 10/20/2022

the course is awesome! but some dependencies are not up-to-date. there are many errors with dependencies in v6 when tries to follow the guides, so i can't follow to finish the course. I'd be nice if the course get updated. Also, the code files after each section for students to compare the codes.

By Michael Hoareau on 8/20/2022

only point to be improved, for me, is the react router dom update to v6. ... directly being managed in the , and for example slight differences like 'element props: ' instead of 'component props' . cant wait to go further. good alternative, as forms are often been used in register/updateProfile Ux actions: take advantages of YUP + formik !

By Akim Adams on 6/27/2022

The app is impressive and worth the effort. If you're coding along you would get stuck if you're using newer package versions, so be sure to install only the versions that the author is using. You may find them listed in the package.json of the completed project. The code is pragmatic and straightforward, but it can be hard to understand the concepts if you're new to react as there aren't that many slides explaining the theory behind the code. One quick improvement I can add to the presentation is to avoid using words like "here" when referencing a file or a line in the code. When coding along it is easy to get lost so it would help if the author says out-loud the specific object or function they're referencing. Other than that and a few minor issues, it's a great course!

By Gal rechavam on 2/4/2022

everybody can learn from this course but, it would help if the course will be less fast with the coding, and more notes from the instructor about the code while he is coding along. the font is too small and very hard to read.

By George Wilkins on 7/8/2021

This is the perfect course for learning how all the pieces of a Real-Time, fully featured, full-stack app fits together. But an understanding of each of the individual technologies is required.

By Pruteanu Alexandru Ionel on 3/10/2021

Yes,I generally work only with node js ,express and mongo db /mongoose,I took this corse to see how seqelize it's work and how to build a front end using react js insted of node js view engine like jade or ejs.

By Andy Coles on 12/7/2020

This is introducing me to a lot of really nice features with express and Sequelize that I didn't already know. It also helps me with understanding backend terminology and how to think about the appropriate way to use these tools. E.g. middleware, routing, seeding etc.

By Pablo Rovira on 12/2/2020

It has been a great course, easy to follow, step by step and Dino has an excellent way of teaching but above all, he is very attentive to all inquiries. Truly amazing!

By Amina Basalija on 11/13/2020

So far I really like this course. The instructor seems knowledgeable and the pace is good. There's a lot covered in this course and that's amazing. There are occasional pauses but nothing to worry about.

Showing all 10 reviews on CourseDuck

Read all 271 reviews on Udemy

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 86 / 100