Build a WhatsApp-like Realtime Chat
Responsive UI built with Tailwind CSS. Includes contact list, chat view, typing indicator and a WebSocket-ready frontend scaffold — plug a Node / PHP / Laravel backend to enable realtime.
- • WhatsApp-style two-column layout
- • WebSocket / Socket.io-ready code
- • Mobile-first responsive design
- • Easy to customize for projects and demos
Hey — are you joining the lab today?
Yes, I'll be there at 3pm.
Perfect — bring the project files.
Features
WhatsApp-like UI
Two-column layout with contact list and chat window, message bubbles, timestamps and status indicators.
Realtime Ready
WebSocket (wss) scaffold included — connect Socket.io, Laravel WebSockets or any realtime server.
Student-friendly
Well-structured single-file demo and comments for quick understanding and modification.