Full-stack projects

💬 Project: real-time chat

Build the logic of a chat with rooms, messages and presence: pub/sub Socket.io-style, tracking who is connected, a React component to send messages and the history in SQL.

What you'll learn

Build the channel of a real-time chat with a pub/sub pattern Socket.io-style
Manage presence to know who is connected and route messages to the correct room
Implement the React component that sends messages integrated with the channel
Query in SQL the history of the latest messages of a room

Lessons

Why real-time? WebSockets vs HTTPThe problem of polling and the solution of the persistent channel. Pub/sub, rooms and presenceThe three patterns that make a chat work under the hood.

Practice this module in the app

DevPath is a hands-on course: you read the theory here; in the app you put it into practice with exercises that really run, offline.

Start free in the app →