MongoDB Chat App - Base Prompt

Create me a real-time chat app using MongoDB as the backend.

Project root is:

apps/chat-app/

Create the project under a timestamped folder:

apps/chat-app/mongodb/chat-app-YYYYMMDD-HHMMSS/

Use chat-app as the database name for MongoDB.

Constraints

• Work entirely inside your timestamped folder. Do not touch any other existing code.
• Only create/modify code under:
  • apps/chat-app/mongodb/chat-app-YYYYMMDD-HHMMSS/server/ (server-side TypeScript)
  • apps/chat-app/mongodb/chat-app-YYYYMMDD-HHMMSS/client/ (client-side TypeScript/React)
• Keep it minimal and readable.

UI Requirements

• Dark theme with consistent color palette
• Clear visual hierarchy — active states, hover effects, focus indicators
• Responsive layout that works on desktop (mobile optional)
• Loading and empty states for all data-dependent views
• Visual feedback for user actions (button states, success/error indicators)

Features