Optimize processes across departments

A comprehensive Web app focussed on monitoring and maintaining data along the entire value-added chain of digital products. The platform optimizes processes within and across departments like Sales, Finance, Project Management, and Accounting, effectively safeguarding data integrity and company policy.

Internal data on Projects, Clients, Invoices, and further business parameters are linked to create effective data displays, designed to help answer each stakeholder’s most relevant questions and show them right where they are needed along their workflows.

My responsibilities

• Frontend Development
• UI/UX Design
• Data Modeling / DB Design
• Statistical Analysis and calculations
• Team Lead

Close collaboration with subject domain experts ensures the effectiveness of the solution and the adoption rate of the new tool.

Most of the app's views live from the composition and arrangement of many data points which required us to make thoughtful decisions regarding the information architecture. Data input workflows usually consist of multiple steps and use nested routes to enable native browser navigation. The main idiom for data reading views is a table with expandable sub-rows and/or per-row tabs.

Much care has gone into balancing information density and ease of use. Through the combination of effective software design and powerful tools, we were able to efficiently handle the inherent complexity of the problem space.

Important tools that we leverage

• Client Caching and Cache Invalidation of Server Data using React Query
• Comprehensive Form Schema Validation using Zod
• Shareable Links and nested Stepper Forms using URL Search Parameters
• Flexible, configurable Forms that support nested fields using React Hook Form
• Tables with selectable rows and sub-rows using React Table
• Secure database access and complex query filters using Prisma, Keycloak and NestJS in the backend
• Unit, Integration and E2E Testing with Jest and Playwright