Project overview

TrêsDPrint is a project management platform built for a design agency. It centralises how the agency creates and runs its projects: client data, project specifications, project-specific tags, events and the key information needed throughout each project's lifecycle.

My role

I was the primary frontend engineer in a small team. I owned the frontend architecture end to end, designed the interface, and integrated the application with the backend APIs.

The challenge

The agency needed a single tool for data that was spread across clients, projects, events and tags, with different levels of access for day-to-day users and administrators. The frontend had to stay consistent and maintainable as new entities and workflows were added, and be reliable enough for daily operational use.

What I worked on

• Defined the frontend architecture and project structure, designed to scale as new features and entities were added
• Built a library of reusable components shared across all screens, keeping the interface consistent
• Implemented creation, editing and tracking flows for projects, clients, events and tags, including project tag generation
• Built the admin dashboard, where administrators oversee all projects, update data and manage user permissions
• Integrated the application with the backend APIs and worked with the rest of the team to translate the agency's requirements into product decisions
• Designed the visual interface, keeping product and engineering decisions aligned

Technical decisions

• Separating server state from client state. Data fetching, caching and synchronisation with the API are handled by TanStack Query, while Zustand holds only client-side UI state. This keeps components simple and avoids duplicating server data in a global store.
• Type-safe routing. TanStack Router with TypeScript keeps routes, parameters and navigation checked at compile time across the application.
• Component-driven UI. Screens are composed from shared, reusable components styled with Tailwind CSS, so new features reuse existing building blocks instead of introducing one-off UI.

Outcome

The platform is used by the agency to create and manage its projects, client data and tags in one place, with an admin layer for oversight and permission management. The component foundation and state management approach made it straightforward to extend the system as new requirements came in.