Work

Frontend Framework HexUI

Angular
TypeScript
Tailwind CSS
Storybook
REST APIs

HexUI is the new era of frontend development at HEXLE, providing a unified Angular framework for all HEXLE SaaS products.

Angular Logo

HexUI – Unified Angular Frontend Framework**

HexUI is a custom-built Angular framework that serves as the shared frontend foundation for all current and future HEXLE SaaS products, including HEXLE Ticket, HEXLE Bookings, SELF Reservierungen, and others.

The framework was designed to be future-proof, scalable, and consistent, providing a unified UI/UX, shared logic, and standardized patterns across the entire HEXLE product ecosystem.

Role & Responsibilities

Lead Frontend Architect & Developer

I was responsible for the concept, architecture, and implementation of the complete frontend framework, including core components, services, state management, developer tooling, and API integration.

Core Technologies

  • Angular
  • TypeScript
  • Tailwind CSS
  • Angular Signals (state management)
  • Storybook
  • REST APIs (HEXLE REST API)

Integration & Architecture

  • Centralized Angular framework used across multiple SaaS products
  • Tight integration with the HEXLE REST API for data, permissions, and authorization
  • Permission-based rendering to dynamically show or hide content
  • Responsive design system for desktop, tablet, and mobile
  • Modular architecture enabling reuse, testability, and long-term maintainability

Key Capabilities

  • Over 120 reusable base components, services, and directives
  • Storybook integration for component documentation, isolation, and design consistency
  • Dynamic form rendering from specifications
  • Integrated PDF generation
  • Native Excel export for tabular data
  • Internal state management using Angular Signals
  • Permission-aware UI logic driven by backend authorization
  • Fully responsive layouts built with Tailwind CSS

Key Contributions & Impact

  • Designed and implemented a company-wide frontend framework used by all HEXLE SaaS products
  • Established a shared component library with Storybook for faster development and visual QA
  • Standardized UI, UX, and frontend architecture across applications
  • Reduced development time and complexity for new features and products
  • Enabled dynamic, permission-driven UIs through API-based authorization
  • Ensured long-term extensibility and future-proof frontend development

Learnings & Takeaways

  • Deep experience designing large-scale frontend frameworks with Angular
  • Strong architectural skills in building reusable, documented component systems
  • Practical knowledge of modern state management using Angular Signals
  • Experience aligning frontend architecture with backend authorization models
  • Insight into scaling frontend development across multiple SaaS products