Back

Design system

Company
Improvement-IT | Alltrack Medical BV | Port Pay BV
Period
2022–present
React.JSTypeScriptStorybookDesign SystemComponentsTailwind

Design system

An internal design system built for multiple client products at Improvement-IT, Alltrack Medical BV, and Port Pay BV. It serves as the foundation for all front-end applications: consistent, reusable components with well-considered APIs and full Storybook documentation.

The system runs actively in production environments and is continuously developed based on real product needs.

What's inside

  • Dynamic form components with conditional fields, validation, and multiple input types
  • Modals and confirmation dialogs
  • Alert and notification system
  • Buttons, loaders, and navigation components
  • Camera and scan component for QR and barcode scanning via device camera
  • File upload with drag-and-drop support

Approach

Reusability and maintainability are central. Every component has a clear, typed API and is documented in Storybook — including all variants, props, and usage examples. The system provides a stable foundation that makes product development faster and more consistent.