MEAN Fullstack Trello clone: WebSocket, Socket IO

Learn MEAN Stack, WebSocket, Socket IO, Angular, Typescript, NodeJS, Express, Mongodb and Deployment

4.95 (96 reviews)

Udemy

platform

English

language

Web Development

What you will learn

MEAN fullstack project with Angular, Express, Node, Typescript, Socket io, MongoDB

Write high quality code

Create reusable modules and services

Write perfect architecture and dry code

Why take this course?

In this course we will build a Trello clone API using MEAN Stack: Angular, Typescript, NodeJS, Express, MongoDB and Socket IO . This course is fully focused on fast and deep dive into creation of fullstack application with this tools. We will start from scratch and step by step you will get close to finished real application. You will deeply understand how to structure your application, build reusable and understandable modules and services and split code into smaller chunks of code. We will write code together in efficient way to make it pure and avoid data complexity. We will do real time communication by implementing WebSocket with Socket IO.

Our code will be written with Typescript on the backend and on the client.

We will deploy our application to the real production server at the end of the course.

For each lesson you'll get source code of the lesson, so it's easy to see the progress and get a working app on any lesson you want.

What you will learn in this course:

Structure and configure project
Write high quality code with Typescript on real project
Create reusable modules, controllers and services
Implementing authentication both in http and in websockets
Deeply understand Angular & Express design patterns

No prior knowledge except of Javascript is needed (because I will teach you everything from basics) but if you have experience with any of Mean stack (Angular/Express/Typescript/MongoDB/Socket io) it will be easier for you to go through this course.

If you are feeling like you learned web but you still still missing knowledge of how to build your own real application this course is what you need.

Content

Preparing tools

What technologies do we use?

Downloadable resources

Installing Node & Angular

Configuring server

Installing database

Do you use a good editor?

Authentication

Setting up socket with Express

Creating Mongoose user model

Adding registration

Implementing login

Creating auth middleware

Creating auth module

Home page

Auth interceptor

Auth guard

Boards page

Gettings boards

Frontend for gettings boards

Inline form

Implementing creating a board

Adding Top bar and logout

Board page

Creating board module

Getting a single board

Adding board stream

Creating socket service

Joining and leaving board

Authentication in socket.io

Getting columns

Create column with websockets

Getting columns

Create column form

Creating a basic task

Getting tasks

Create task form

Board Improvements

Update board name

Delete board

Delete column

Update column

Unsubscribe

Task Modal

Task module and basic component

Get task and columns

Update task

Delete task

Deployment

What's next?

Homework

Bonus Lecture

Screenshots

MEAN Fullstack Trello clone: WebSocket, Socket IO - Screenshot_01

MEAN Fullstack Trello clone: WebSocket, Socket IO - Screenshot_02

MEAN Fullstack Trello clone: WebSocket, Socket IO - Screenshot_03

MEAN Fullstack Trello clone: WebSocket, Socket IO - Screenshot_04

Reviews

Julien

October 16, 2023

I really liked the fact that we learn how to build an actual working web app from scratch to deployment in production. Just one thing : the pace is quite fast so you have to pause a lot if you want to follow the code. But at least you learn a lot of concepts that you can dig deeper later with your own projects.

Roicel

November 17, 2022

Excellent course, the explanations are quite clear and the project is built in a clean and concise way. I think some things can be improved but the good quality still remain.

Javokhir

August 5, 2022

Very Good course. The reason I didn't give 5 starts because he didn't use angular cli to generate services and models.

Victor

July 28, 2022

The best instructor. Have not seen instructor like Oleksandr who explains things such deeply and easily understandable. Highly recommend!

Carsten

July 24, 2022

Oleksandr made a really good course here. You may think oh, it has only 9h of video. But be warned! These are "Oleksandr-Hours" if you really do the hacking while he is doing it, the pause button will be your best friend! It took me at least twice the time because of typos or finding errors or because I'm quite not as fast in typing as he is. You will learn a lot about Angular, SocketIO, express, and mongoose in the course. I can highly recommend it. Thank you, Oleksandr, for the awesome course. WELL DONE!

Tino

July 21, 2022

Absolutely recommendable course, everything explained in detail without unnecessarily lengthening the course, clear purchase recommendation

July 15, 2022

One of the best courses on Socket.io with Angular I have come across. Oleksandr very professionally explains the code and concepts which many new developers might not know what is going on under the hood. Thanks!!

Charts

Price

Rating

Enrollment distribution

MEAN Fullstack Trello clone: WebSocket, Socket IO - Distribution chart