BoardChat - Team Collaboration & Project Management Platform

Based on the comprehensive project specification provided in the BoardChat Recreation Prompt.pdf, here is a detailed summary of the platform.

BoardChat is an all-in-one team collaboration platform designed to eliminate tool fatigue by unifying communication, project management, and ideation into a single, cohesive interface. It effectively combines the core functionalities of Slack (messaging), Trello (Kanban), Zoom (video calls), and Miro (whiteboarding).

The platform uses a hierarchical structure to manage different teams and projects:

Workspaces: The top-level container for an entire organization or client.

Hubs: Sub-sections within a workspace that separate departments or teams (e.g., "Engineering," "Marketing").

Channels: Topic-based discussion areas located within Hubs.

A robust project management system modeled after Trello:

Boards & Cards: Drag-and-drop Kanban boards with customizable columns.

Task Details: Cards support rich descriptions (Markdown), checklists with progress tracking, due dates, priority levels (Low to Urgent), and member assignments.

Dependencies: Logic to link cards as "blocking" or "blocked by" other tasks.

Activity Logs: A full audit trail of changes made to any card.

A messaging system designed for instant collaboration:

Messaging: Supports both Direct Messages (DMs) and Channel-based group chats.

Features: Includes @mentions with autocomplete, file attachments, read receipts, typing indicators, and emoji reactions.

Notifications: Real-time alerts for mentions, assignments, and messages via WebSockets.

Integrated WebRTC-based video calling:

One-on-One Calls: Users can launch video calls directly from DM conversations.

Interface: Features a pre-call lobby (camera/mic preview) and a minimizable floating widget that allows users to browse the app while on a call.

A shared, infinite canvas for brainstorming:

Tools: Drawing pens, shape creation, text boxes, and sticky notes.

Real-Time Sync: Multiple users can edit the canvas simultaneously, similar to Miro.

The specified tech stack is modern and scalable, designed for performance and real-time interactivity.

Framework: React 18+ with React Router v6.

Styling: Tailwind CSS with Shadcn/UI components for a consistent, accessible dark-themed UI.

State Management: Zustand.

Key Libraries: @dnd-kit for Kanban interactions, Lucide React for icons, and Sonner for toast notifications.

API: FastAPI (Python 3.11+) for high-performance async endpoints.

Database: MongoDB (using Motor async driver) for flexible document storage of workspaces, chats, and boards.

Real-Time: WebSockets handle instant messaging, notifications, and signaling for video calls.

Authentication: JWT-based auth with Bcrypt password hashing.

Containerization: Health check endpoints designed for Kubernetes readiness.

External Services: Uses Resend for transactional emails (invites, password resets) and STUN/TURN servers for WebRTC NAT traversal.