at BonoboStudio
Docpack
An enterprise project management platform built for DOC Design Modena, featuring multi-tenant workspaces, brand-based access control, job invoicing, PDF annotation with approval workflows, and a NestJS backend with TypeORM. Designed for design and production teams managing brands, projects, and client relationships.
Role
Full-Stack Developer
Company
BonoboStudio
Tech Stack
React 18 TypeScript NestJS TypeORM MUI Digital Ocean Spaces Stripe
Overview
Docpack is a multi-tenant project and workflow management platform built at Bonobo for DOC Design Modena. It provides design and production teams with a centralized system to manage brands, projects, jobs, and client relationships with role-based access controls and approval workflows.
Key Features
- Multi-Tenant Workspaces — Isolated tenant environments with workspace-level settings, user management, and subscription billing via Stripe
- Project & Job Management — Full project lifecycle with categorization, brand associations, asset management, and job tracking with budgeting and invoicing
- Approval Workflows — Multi-level reference approval system (MKT, FOR, CQE) with PDF annotation, proposal messaging, and auto-save
- Brand-Based Access Control — Role-based permissions (Administrator, Master, Basic) with brand-level isolation for granular data access
- Asset Storage — Secure file upload and management via Digital Ocean Spaces (S3-compatible) with image processing and PDF generation
- Invoicing & Billing — Job invoices with line items and calculations, plus Stripe integration with multiple subscription tiers
Technical Highlights
- NestJS backend with Fastify and TypeORM for structured data management and automated migrations
- Digital Ocean Spaces integration for S3-compatible secure file storage
- MUI component library with styled-components and custom theme for consistent enterprise UI
- SWR-based data fetching with Redux Toolkit for state management
- Activity audit trail with IP tracking across all major entities