Day 3/100 I create a Telegram clone with Vibe Coding
Автор: CodePulse
Загружено: 2026-01-06
Просмотров: 18
Описание:
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.
Повторяем попытку...
Доступные форматы для скачивания:
Скачать видео
-
Информация по загрузке:
