Day 3/100 I create a Telegram clone with Vibe Coding скачать в хорошем качестве

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.