My Work
Vienna Capitals — Official Website (Complete Relaunch)
The official website for the Vienna Capitals, one of Austria's leading ice hockey clubs. The platform serves as the central hub for fans, providing real-time match updates, news, ticketing, and team information.
The website was completely rebuilt to prioritize performance, mobile responsiveness, and fan engagement. A key focus was the seamless integration of external data sources for live game statistics and league standings, ensuring fans have instant access to match results. The user interface features a modern, high-contrast design that aligns with the club's branding, offering an intuitive navigation structure for accessing tickets, merchandise, and player rosters.
I was responsible for the full-stack development of the new platform. This involved integrating a custom CMS (Strapi) to allow the editorial team to easily manage news and media. The solution includes API integrations with the league's data providers to automate the display of schedules and scores. Additionally, a robust caching strategy was implemented to ensure sub-second load times and a smooth user experience across all devices.
Technologies Used
Astro Strapi CMS TypeScript REST API Headless CMS Figma
Vienna Capitals Client Project // Current Employer Interactive Dealer & Service Map
A specialized CMS component designed to visualize SERRA Sawmills' global network of sales partners and service centers. This interactive tool allows potential customers to easily locate and contact their nearest representative through a synchronized map and list interface.
The component features a dynamic map with advanced clustering capabilities to handle high densities of location pins without cluttering the UI. Users can filter results by region or service type, which updates both the map markers and the accompanying accordion-style list in real-time. An overlay system provides detailed contact information and direct action buttons when a specific location is selected, creating a fluid and cohesive user experience.
My role focused on the technical implementation of this complex visualization module within the existing CMS environment. I utilized a mapping library to handle geospatial data and implemented custom clustering algorithms to optimize rendering performance. The state management logic ensures that interactions on the map (zooming, clicking pins) instantly reflect in the side-panel list and vice-versa. I also ensured the component was fully responsive, providing an optimized touch interface for mobile users while maintaining full functionality on desktop.
Technologies Used
React Next.js Mapbox GL Supercluster TypeScript REST API Pimcore Headless CMS Figma
SERRA - Part of Wintersteiger Group Client Project // Former Employer PAYUCA Smart Parking
Smart Parking is a mobile application designed to streamline the process of finding, reserving, and paying for short-term parking. The app enables users to easily register, purchase credits, and control garage gates and doors via Bluetooth, offering a seamless and convenient parking experience.
Upon accessing the main screen, users can effortlessly select a garage pin on the map to reserve their parking spot. The app also provides a search functionality to locate garages near a specific address, or users can simply tap the "Find Nearest" button for an instant selection of the closest garage available.
Developed using JavaScript and React Native, the app integrates the MapBox SDK for robust mapping features and utilizes Adyen as the payment processor. The user interface is dynamically rendered from a custom library served as an NPM package, ensuring a consistent and high-quality user experience. Connectivity to garage gates is established via Bluetooth, allowing for secure and reliable access control.
User interactions and behavior are meticulously tracked using Amplitude, Firebase Events, and Facebook SDK, while Branch.io is implemented for deep linking functionality. As of the latest update, the app has been downloaded over 100,000 times, reflecting its widespread adoption and user satisfaction.
Technologies Used
React Native React MapBox Firebase Crashlytics Firebase Analytic JavaScript REST API GraphQL Fastlane
PAYUCA GmbH Scaleup // Former Employer HYDROGRID Insight
HYDROGRID Insight is an advanced client dashboard built for HYDROGRID's optimization models, enabling users to review and modify hydro powerplant operations, specifically focusing on production efficiency. The dashboard is instrumental in providing a clear and actionable overview of the plant's current functionality and performance metrics.
The backend of the system processes over 50 variables to generate and suggest the most profitable electricity production strategies. These strategies, along with real-time operational data, are visually presented through multi-axes charts and graphs within the dashboard, ensuring that users can make informed decisions at a glance.
As part of this project, I was responsible for creating the frontend architecture, redesigning the existing frontend, and implementing key software lifecycle principles. Additionally, I developed a dynamic visualization of hydro powerplant topology using the vis.js library, which further enhanced the users' ability to manage complex system interactions.
Technologies Used
React JavaScript REST API Chart.js Sketch
HYDROGRID GmbH Startup // Former Employer