Feature Map
All features, their patterns, and implementation status.
Each feature demonstrates specific front-end and back-end patterns. The implemented features cover the most important production patterns. Planned features have specs that serve as blueprints for developers.
Feature overview
Status and priority are in parentheses after each feature.
- Auth & Roles (Implemented, P0) - auth flows, RBAC, protected routes, middleware.
- Dashboard (Implemented, P0) - charts, stat cards, responsive grid, skeleton loading.
- Team Members (Implemented, P0) - virtualized table, sorting, filtering, bulk select, inline edit.
- Projects (Implemented, P1) - list/detail pages, nested routes, health tracking, timeline.
- Task Board (Implemented, P1) - drag-and-drop kanban, optimistic UI, status transitions.
- Clients (Implemented, P2) - multi-step wizard form, CRUD, CSV export, detail tabs.
- Audit Log (Implemented, P2) - infinite scroll, keyboard nav, virtualized list, filters.
- Marketing (Implemented, P1) - landing pages, SEO, scroll animations, CMS-driven content.
- AI Assistant (Spec only, P1) - AI chat, streaming, tool calling, Vercel AI SDK.
- Location Map (Spec only, P1) - map integration, markers, popups, clustering.
- i18n (Spec only, P1) - i18n setup, language switching, RTL, pluralization.
- File Storage (Spec only, P2) - gallery grid, image upload, lightbox, infinite scroll.
- Template Builder (Spec only, P2) - canvas/Three.js, collaborative WebSocket, 3D rendering.
- Reports (Spec only, P2) - advanced data viz (D3/Recharts), date pickers, PDF/CSV export.
- Workflow Builder (Spec only, P3) - multi-step wizard, dynamic fields, drag-to-reorder.
- Notifications (Spec only, P3) - real-time (SSE), toast system, preferences, badges.
Status legend
- Implemented - Fully built with production-grade code in both frontend and backend.
- Spec only - Requirements documented in
docs-dev/features/. Not yet implemented. Serves as a blueprint for developers.
Implemented features
These features have full frontend (Next.js) and backend (NestJS) implementations.
Auth & Roles (P0)
Login, registration, session management via Better Auth. Permission-based access control with four roles (Super Admin, Admin, Manager, Member). Global auth guard on all API routes. Frontend auth provider, permission checks, protected routes.
Dashboard (P0)
Organization and personal dashboard views based on user role. Stat cards with trends, charts (bar, line, pie, area), date range filtering, greeting based on time of day. Server-side data fetching with skeleton loading states.
Team Members (P0)
Team roster with data table. Column sorting, filtering, bulk selection, bulk actions, CSV export. Activity tracking and project assignment views. Full CRUD with detail pages.
Projects (P1)
Project list and detail pages with nested routes. Custom status columns per project. Project health tracking (on track, at risk, behind schedule) derived from task progress vs. timeline. Progress bars and timeline visualization.
Task Board (P1)
Project-scoped kanban board with drag-and-drop. Custom status columns, task comments, activity tracking. Task reordering within and across columns. CRUD operations with detail modal. "My Tasks" cross-project list view.
Clients (P2)
Client management with multi-step wizard form showcasing many form patterns (text, email, URL, phone, selects, address fields). Full CRUD, CSV export, detail tabs. Previously "Client Portal" in early specs, but the implemented feature focuses on internal client management.
Audit Log (P2)
Comprehensive activity log showing who did what and when. Filterable by actor, action, entity type, and date range. Keyboard navigation shortcuts. Backend tracks all significant actions across the system.
Marketing (P1)
Separate Next.js app (apps/marketing) with CMS-driven architecture. Payload runs inside it, so content is edited at /admin and read in-process through the Local API. Landing pages composed from a block library, a blog, pricing, feature highlights, footer. Scroll-triggered animations, responsive design.
Spec-only features
These features have requirements and plans in docs-dev/features/ but are not yet implemented. They exist so developers can:
- Practice implementing features from detailed specs
- Use them as references when designing similar features for their own products
- Add the functionality to the app they are building here
Pattern coverage
| Pattern | Feature | Implemented? |
|---|---|---|
| Authentication flows | Auth & Roles | Yes |
| Permission-based access control | Auth & Roles | Yes |
| Chart dashboards (bar, line, pie, area) | Dashboard | Yes |
| Stat cards with trends | Dashboard | Yes |
| Role-specific page content | Dashboard | Yes |
| Virtualized tables (10k+ rows) | Team Members | Yes |
| Column sorting and filtering | Team Members | Yes |
| Bulk selection and actions | Team Members | Yes |
| Inline table editing | Team Members | Yes |
| List and detail pages with nested routes | Projects | Yes |
| Health tracking (derived metrics) | Projects | Yes |
| Drag-and-drop (kanban) | Task Board | Yes |
| Optimistic UI updates | Task Board | Yes |
| Task comments and activity | Task Board | Yes |
| Multi-step wizard forms | Clients | Yes |
| CRUD with detail tabs | Clients | Yes |
| Activity timeline with filters | Audit Log | Yes |
| Keyboard navigation | Audit Log | Yes |
| CMS-driven marketing pages | Marketing | Yes |
| Scroll-triggered animations | Marketing | Yes |
| SEO optimization (meta, OG, sitemap) | Marketing | Yes |
| AI chat with streaming | AI Assistant | No (spec) |
| Tool calling UI | AI Assistant | No (spec) |
| Interactive maps | Location Map | No (spec) |
| Marker clustering | Location Map | No (spec) |
| i18n / language switching | i18n | No (spec) |
| Image gallery with lightbox | File Storage | No (spec) |
| File upload with preview | File Storage | No (spec) |
| Infinite scroll | File Storage | No (spec) |
| 3D rendering (Three.js/R3F) | Template Builder | No (spec) |
| Collaborative editing (WebSocket) | Template Builder | No (spec) |
| Advanced data viz (D3) | Reports | No (spec) |
| PDF/CSV export | Reports | No (spec) |
| Dynamic form generation | Workflow Builder | No (spec) |
| Drag-to-reorder lists | Workflow Builder | No (spec) |
| Real-time notifications (SSE) | Notifications | No (spec) |
| Notification preferences | Notifications | No (spec) |
Feature folders
All feature documentation lives in docs-dev/features/<name>/. Each folder contains at minimum a requirements.md and plan.md.
Build order
Everything in phases 1 to 3 already ships here. Follow the same order when you build the equivalent set for your own domain.
Phase 1 (Foundation): Auth & Roles, Dashboard, Team Members
Phase 2 (Core Features): Projects, Task Board, Marketing
Phase 3 (Advanced): Clients, Audit Log
Future: AI Assistant, Location Map, i18n, and remaining spec-only features