Municipality of Tripoli – Cultural Website & Book Exhibition
A cultural site for the Municipality of Tripoli book exhibition. Content-heavy, spiky traffic, and my first project for a public authority.
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
A full rewrite of the OPAP Play Betting Machines UI, the desktop application running in OPAP stores across Greece. It combined a complete UI rebuild with a controlled frontend migration inside Electron on a system that takes real money all day.
About the client
OPAP S.A. is the largest gaming and betting organisation in Greece, with a nationwide retail network and digital platforms. The systems in its stores are mission-critical in the literal sense: when they stop, the shop stops.
Project Overview
This is the interface on the betting machines in OPAP retail stores. It gets used constantly, by a lot of people, in a shop, with a queue behind them. Nobody using it is feeling patient.The visual rebuild was the visible half. The other half was structural. Years of accumulated technical debt had made every new feature slower to build than the one before it, and the codebase had reached the point where that cost was obvious to everyone. The objective was a modular frontend architecture an enterprise system can actually live in.Modernising the stack had to happen without a single day of disruption. Better component structure, real separation of concerns, predictable data handling, all inside an Electron desktop application deployed to physical stores where you cannot simply push a fix and refresh.Every architectural decision was weighed against stability. This is a system where being right matters more than being modern, and the migration only earned its place by leaving the machines more reliable than it found them.
The Challenge
Rewriting the UI of a live business-critical system is the hard version of this job. High traffic, a retail environment, and performance and reliability that are not open to negotiation.The framework migration ran on top of that, inside Electron. It had to be incremental, planned in stages, and compatible at every step with existing functionality, the hardware in the stores, and how people actually use the machines. A big-bang rewrite was never an option, and it should not have been.
My Contribution
I was deep in the frontend redevelopment, on both day-to-day features and the architectural direction. That meant rebuilding large parts of the interface and giving the codebase a structure new work could be added to safely.The framework migration inside the Electron desktop application is the piece I am most pleased with. I reorganised components and paid down debt incrementally while the machines in stores kept taking bets.I worked closely with the backend and product teams, which on a system like this mostly means agreeing precisely what a betting flow does before anyone builds it.
Technology Stack
- Vue.js (versions 2 and 3), TypeScript, Electron, component-based frontend architecture, enterprise-scale UI systems, high-traffic retail application constraints
Tags
Categories
Read More
Flovi Oy – Logistics Backoffice Redesign
A full frontend rebuild of the backoffice running car transfers across Finland, Sweden and Poland. A new UX and a new architecture, shipped without downtime.
Troop Travel – Group Travel Planning & Approval Platform
Group business travel is an approvals problem in disguise. I worked on the frontend: complex forms, and flows that change depending on who is looking.