Day 3/100 I create a Telegram clone with Vibe Coding

I built a Telegram‑style real‑time chat app for the web using NestJS and Next.js in one vibe‑coding session – no Docker, just a simple backend and frontend folder setup.

In this video you’ll see how to:
Set up a NestJS backend with JWT auth, PostgreSQL, and WebSockets
Create users, direct chats, group chats, and broadcast channels
Build a Telegram‑like chat UI in Next.js with a sidebar, chat list, and message view
Connect Socket.IO for real‑time messages, typing indicators, and online status
Run everything locally without Docker using simple npm scripts

Tech stack:
Backend: NestJS, TypeScript, PostgreSQL, WebSockets (Socket.IO), JWT
Frontend: Next.js, TypeScript, Tailwind CSS (or your favorite styling), Socket.IO client

This project is perfect if you want to learn how apps like Telegram, WhatsApp, or Slack structure real‑time messaging on the web, or if you’re looking for a full‑stack portfolio project that feels like a real product.

Timestamps (adjust after editing):
00:00 – Intro & demo
01:30 – Project structure (backend & frontend folders)
03:00 – NestJS setup & auth
10:00 – Chat models (conversations, messages, groups, channels)
18:00 – WebSocket gateway for real‑time chat
25:00 – Next.js UI layout (Telegram‑style)
35:00 – Wiring WebSockets on the frontend
45:00 – Groups, channels & polish
55:00 – Final thoughts & next steps

📸 Follow my 100 days of vibe‑coding series for more full‑stack builds.