Real-time Chat Application

Bolt.new prompt for a real-time chat app with group messaging, typing indicators, and reactions.

boltchatreal-timewebsocket

Prompt

Build a real-time chat application with these features:

## Core Chat
- 1-on-1 messaging and group chats
- Real-time message delivery (use WebSocket)
- Message types: text, links (auto-preview), code blocks
- Read receipts (delivered, read)
- Typing indicators ("John is typing...")
- Message reactions (emoji picker)

## Chat List
- Left sidebar showing all conversations
- Unread message count badges
- Last message preview and timestamp
- Search conversations by name or message content
- Pin important conversations to top

## User Features
- User profiles with avatar, display name, status
- Online/offline/away status indicators
- User search to start new conversations
- Create group chat with name and member selection

## UI Design
- WhatsApp/Discord-inspired layout
- Dark mode support with toggle
- Message bubbles with timestamps
- Auto-scroll to bottom on new messages
- Emoji picker integration
- Mobile responsive with bottom navigation

Use React, TypeScript, Tailwind CSS. The design should feel polished and modern with smooth transitions.

Save this prompt to your library

Organize, version, and access your best prompts across ChatGPT, Claude, and Cursor.

Related prompts

Landing Page Generator

A Bolt.new prompt that generates a complete landing page with hero, features, pricing, and FAQ sections.

SaaS Dashboard with Auth

Bolt.new prompt for a complete SaaS dashboard with authentication, team management, and analytics.

E-Commerce Product Page

Bolt.new prompt for a product page with image gallery, variant selectors, reviews, and mobile optimization.

Portfolio Website

Bolt.new prompt for a developer portfolio with hero animations, project gallery, and contact form.