logoTempTalk

Built for real conversations

TempTalk started as a personal project to understand real-time web โ€” and turned into a full-featured chat application that actually feels good to use.

Why build another chat app?

Most chat tutorials stop at "messages appear on screen." TempTalk went further โ€” typing indicators, smart scroll UX, unread tracking, private rooms, PWA support. The kind of details that separate a project from a product.

Built solo by Nikhil Kumar โ€” a full-stack developer who believes the best way to learn is to ship something real.

โšก
< 50ms
Message latency
๐ŸŽ
100%
Free forever
๐Ÿ“ฑ
PWA
Installable app
๐Ÿ”’
2 Rooms
Public + Private

The build journey

01
01

The Idea

Wanted to build something real-time from scratch โ€” no tutorials, just learning by doing.

02
02

Socket.IO Deep Dive

Spent time understanding WebSockets, rooms, events, and connection lifecycle.

03
03

Building the UI

Designed a dark, modern chat interface inspired by the best messaging apps.

04
04

Smart UX Details

Added typing indicators, smart scroll, unread tracking โ€” the details that make it feel real.

05
05

Private Rooms

Architected an ephemeral room system โ€” create, share a key, chat, gone when empty.

06
06

PWA + Auth

Added Clerk auth and PWA support so it installs like a native app on mobile.

Tech stack

โšก
Next.js 15
App Router, SSR, file-based routing
๐Ÿ”Œ
Socket.IO
WebSocket server & client for realtime events
๐ŸŽจ
Tailwind CSS
Utility-first styling, mobile-first layout
๐Ÿ”
Clerk
Google & GitHub OAuth, session management
๐ŸŸข
Node.js + Express
Backend HTTP + WebSocket server
๐Ÿš€
Vercel + Railway
Frontend & backend deployment