Project Overview
An all-in-one team collaboration platform built with Next.js 16. Teams can book meeting rooms with multiple views (grid, by floor, resource calendar), manage tasks on Kanban workspaces, and communicate in real-time through DMs and group channels. Features unified notifications across all sources, light/dark/system themes, Google OAuth authentication with auto token refresh, and an admin dashboard for system management.
Key Features
Room Booking
3 views (grid / by floor / resource calendar), pin favorites, quick book, compare rooms side-by-side, recurring bookings, and live conflict detection.
Kanban Workspaces
Drag-and-drop boards with priority dots, quick-add inline, multi-select filters, pin/archive workspaces, and dedicated settings page.
Real-time Messaging
DMs and group channels with typing indicators, reactions, file sharing, edit/delete/forward, reply with preview, mentions, link previews, and image lightbox via Socket.io.
Unified Notifications
All sources (booking, task assigned, mention, workspace invite) in one notification center with type filters and bulk actions.
Cmd+K Search & Shortcuts
Cmd+K to search tasks or messages, keyboard shortcuts (n = new task, / = search, Esc = close) for power users.
Slate Indigo Design System
Two-layer token system with Light/Dark/System modes, custom theme tokens, and Tailwind color overrides for instant flip.
Performance & UX
Persisted React Query cache (24h), browser-side image compression, optimistic mutations, and smart auto-scroll behaviors.
Admin Dashboard
System overview, user management, room CRUD with floor plan amenities, and booking oversight with cancel reasons.
Authentication & Security
Google OAuth 2.0 only with auto token refresh, 30-day session, role-based access, cross-tab logout, and production-grade security headers.