OPAP S.A. – OPAP Play Betting Machines UI

Client:

OPAP S.A.

Date:

2024–2025

Duration:

18 months
OPAP S.A. – OPAP Play Betting Machines UI
Enterprise-scale frontend redevelopment for OPAP Play betting machines, focused on rebuilding and modernizing the user interface of a business-critical desktop application used daily across OPAP retail stores. The project involved a full UI rewrite, long-term architectural improvements and a controlled migration from Vue 2 to Vue 3 within an Electron environment, supporting high-traffic betting operations and strict stability requirements.

About the client

OPAP S.A. is the leading gaming and betting organization in Greece, operating a nationwide retail network and digital platforms serving a large customer base. The company manages a wide range of lottery, betting and gaming products and operates mission-critical systems used daily across physical retail locations and digital channels.

Project Overview

This project focused on the complete redesign and redevelopment of the user interface powering OPAP Play betting machines deployed across OPAP retail locations. The application is a core operational system used daily by a large number of users in physical stores, supporting essential betting flows and real-time interactions in a demanding retail environment. Beyond visual improvements, the scope of the work addressed deeper structural and architectural challenges within the existing frontend codebase. Over time, the application had accumulated technical debt that made feature development, maintenance and long-term scalability increasingly difficult. A key objective of the project was to establish a clean, modular and maintainable frontend architecture suitable for an enterprise-scale system. A significant part of the effort involved carefully modernizing the frontend stack while ensuring operational continuity. The project introduced improved component structure, clearer separation of concerns and more predictable data handling patterns, all while respecting the constraints of a desktop-based Electron environment deployed across physical retail stores. The work was carried out with a strong focus on stability, performance and long-term sustainability. Given the business-critical nature of the system, every architectural decision needed to balance modernization with reliability, ensuring that the application could support ongoing feature development and evolving business requirements without disrupting daily betting operations.

The Challenge

One of the main challenges of the project was executing a full UI rewrite on a live, business-critical system without disrupting daily store operations. The application operates in a high-traffic retail context, where performance, reliability and responsiveness are non-negotiable. An additional layer of complexity came from the gradual migration from Vue 2 to Vue 3 within an Electron environment. This required careful planning, incremental refactoring and architectural decision-making to modernize the codebase while maintaining compatibility with existing functionality, hardware constraints and real-world usage patterns across OPAP Play stores.

My Contribution

I was heavily involved in the frontend redevelopment of the OPAP Play betting machines application, taking responsibility for both day-to-day feature development and broader architectural decisions. My work included rebuilding large parts of the user interface, introducing a more structured and maintainable codebase, and ensuring that new functionality could be delivered reliably within a complex enterprise environment. A major part of my contribution focused on refactoring and modernizing the existing frontend architecture. This included executing the migration from Vue 2 to Vue 3 within an Electron desktop application, improving component organization, reducing technical debt and establishing clearer patterns for long-term scalability, all while maintaining system stability for active retail usage. Throughout the project, I worked closely with backend and product teams to translate complex business requirements into robust frontend solutions. This collaboration ensured smooth integration with backend systems, consistent user experiences across betting flows and the successful delivery of new features without compromising performance or reliability.

Technology Stack

  • Vue.js (Vue 2, Vue 3), TypeScript, Electron, component-based frontend architecture, enterprise-scale UI systems, high-traffic retail application constraints
Tags
Categories

Read More

ICAP CRIF AE – Corporate Website

Development of the official corporate website for ICAP CRIF AE, delivering a WordPress-based platform designed to present financial services and corporate information clearly and professionally.