Build Fullstack Trello clone: WebSocket, Socket IO
Preparing tools
What technologies do we use?
(03:33)
Downloadable resources
(00:40)
Installing Node & Angular
(08:09)
Configuring server
(05:05)
Installing database
(07:27)
Do you use a good editor?
(02:19)
Authentication
Setting up socket with Express
(11:53)
Creating Mongoose user model
(22:20)
Adding registration
(20:10)
Implementing login
(11:04)
Creating auth middleware
(15:40)
Creating auth module
(18:59)
Register page - Markup + Form
(12:55)
Register page - service + validation
(11:06)
Login page
(10:00)
Home page
(08:13)
Auth interceptor
(08:05)
Auth guard
(13:52)
Boards page
Gettings boards
(14:15)
Frontend for gettings boards
(10:00)
Inline form
(15:28)
Implementing creating a board
(19:19)
Adding Top bar and logout
(07:38)
Board page
Creating board module
(08:58)
Getting a single board
(02:47)
Adding board stream
(06:26)
Creating socket service
(09:55)
Joining and leaving board
(17:19)
Authentication in socket.io
(11:27)
Getting columns
(09:14)
Create column with websockets
(12:14)
Getting columns
(11:37)
Create column form
(15:57)
Creating a basic task
(09:35)
Getting tasks
(11:42)
Create task form
(08:24)
Board Improvements
Update board name
(15:27)
Delete board
(08:18)
Delete column
(10:09)
Update column
(08:54)
Unsubscribe
(06:54)
Task Modal
Task module and basic component
(15:54)
Get task and columns
(13:57)
Update task
(14:42)
Delete task
(07:30)
Deployment
Deployment
(31:29)
What's next?
Homework
(02:02)
Installing Node & Angular
Download
sourceCode.zip