Real-time Chat Application
Bolt.new prompt for a real-time chat app with group messaging, typing indicators, and reactions.
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.What you get when you save this prompt
Your workspace unlocks powerful tools to iterate and improve.
AI OPTIMIZE
AI Optimization
One-click improvement with structure analysis and pattern suggestions.
VERSION DIFF
Version History
Track every edit. Compare versions side-by-side with word-level diffs.
ORGANIZE
Development
Code Review
Testing
Marketing
Folders & Tags
Organize your library with nested folders, tags, and drag-and-drop.
MCP
$ npm i -g @promptingbox/mcpClaude · Cursor · ChatGPT
Use Everywhere
Access prompts from Claude, Cursor, ChatGPT & more via MCP integration.
Your prompts, organized
Save, version, and access your best prompts across ChatGPT, Claude, Cursor, and more.