Hra pro dva hráče, která kombinuje piškvorky s hledáním min. Hraje se lokálně i online.
Herní backend a online lobby leží kompletně na Supabase (PostgreSQL, Edge Functions). Frontend je v Reactu a pro realtime hru využívá spojení pomocí WebSocket.
Self-hosted kvízový engine. Hráči se připojí QR kódem a odpovídají přímo z mobilu.
Jednoduchý backend je napsaný v JavaScriptu a běží na Express frameworku Node.js. Pro real-time komunikaci mezi backendem a frontendovými klienty je použita knihovna Socket.IO. Stav hry je uložen v jednom in-memory objektu na serveru. Hra běží jako stavový automat. Kromě lokální sítě lze server zpřístupnit i mimo ni přes tunel ngrok.
Očekával jsem u sebe doma partu kamarádů. Zrovna probíhalo Mistrovství světa ve fotbale a my jsme měli společně sledovat zápas. Napadlo mě, že připravím krátký tématický kvíz. Udělal jsem si rešerši dostupných kvízových webových aplikací. Moje požadavky byly:
Z cenově dostupných aplikací jsem žádnou nevybral, a tak jsem se rozhodl, že si zkusím rychle naprogramovat vlastní řešení.
Největší výzvou bylo udržet hru konzistentní i při výpadcích. Mobilní připojení nemusí být vždy ideální, telefony se uzamykají, lidé přepínají aplikace. Díky session ID v localStorage se hráč do hry může kdykoli vrátit a klidně i v novém tabu.
Otázky a odpovědi se definují v jednoduchém Markdown souboru, který server při spuštění parsuje a rozdělí do sekcí. Odpovědi se vyhodnocují automaticky (normalizace textu, tolerance na shodu klíčového slova), moderátor ale může výsledek kdykoliv v review obrazovce manuálně přepsat.
Vizuální styl (název, podtitulek, barvy) je oddělený do konfiguračního JSON souboru, takže kvíz lze pro různé příležitosti rychle upravit bez zásahu do kódu. Pokročilý uživatel si může definovat CSS soubor s vlastním stylem.
Interní nástroj, který hledá výhodné rozdíly mezi kurzy sázkových kanceláří a predikčních trhů.
Backend v .NET 10 se skládá z API a knihoven, které zajišťují napojení na externí API, párování událostí, spouštění backtestingových simulací a persistenci dat. Administrační frontend je React + TypeScript aplikace, doplněná o malou Node.js službu, která streamuje průběh běžících background jobů do UI přes WebSocket.
Se startupem MidLine v pre-seed fázi spolupracuji jako freelancer. Mám plnou odpovědnost za architekturu, vývoj, nasazení i údržbu nástroje.
Největší výzvou a zároveň jednou z nejdůležitějších součástí projektu je automatické párování sázkových příležitostí mezi různými zdroji. Využívá se tokenizace názvů a Jaro-Winkler podobnost slov, doplněné o ručně spravované aliasy. Nutná je jen minimální manuální kontrola.
Simulační engine na základě předem nastavené strategie prochází všechny události z historického datasetu. V každém relevantním okamžiku zkontroluje, zda je dle strategie vhodné uskutečnit nákup dané pozice. Výsledkem simulace jsou jasně definované metriky, které stakeholderům umožní najít ideální strategii. Tyto výsledky také pomohou v rozhodování, zda má smysl do projektu a nástrojů dále investovat.
Docker Compose spouští backendové služby (API, migrační služba, realtime relay a Postgres). Každá služba má svůj healthcheck a případně závislost na pořadí startu. Backendové služby jsou nasazeny na VPS přes službu Coolify. Frontend admin je nasazen samostatně na Cloudflare Workers. Backend i frontend je nasazen automaticky v reakci na každou změnu v hlavní větvi repozitáře projektu prostřednictvím Github Actions. Frontend je díky Cloudflare Zero Trust přístupný pouze pro whitelistované uživatele. Endpointy backendové API jsou rovněž zabezpečené a dosažitelné pouze z chráněného frontendu.
Obecný dashboard pro spouštění, ukládání a porovnávání různých optimalizačních solverů.
Backend je kompletně v .NET 10. Jako databázový systém se používají relační tabulky v PostgreSQL. Frontend je v Reactu. Fronta jobů využívá notifikační systém v PostgreSQL na backendu a WebSocket protokol na straně frontendu.
Všechny optimalizační problémy a velké kombinatorické úlohy mají jedno společné. Mají jasně definované datové typy pro vstup a výstup. Přesně s tímto počítá tato webová aplikace, takže ji lze snadno přepoužít pro libovolný problém. Umožňuje spouštět různé solvery na různé instance a ukládat a porovnávat vypočtená řešení. Veřejně dostupné demo obsahuje ukázky Vehicle Routing Problem a jejich řešení.
Aplikace alespoň částečně podporuje všechny optimalizační úlohy. Všechny jsou ve výchozím stavu podporovány k prohlížení a editaci v raw json formátu. I to může mít svou přidanou hodnotu. K tomu, aby byla zajištěna plná podpora, je potřeba naimplementovat jednotlivé views pro datový typ instance problému, řešení problému a možnosti řešitele. Pokud tyto views implementují obecný interface a splňují naming konvence, zobrazí se místo raw jsonu právě implementovaná editovací okna.
Každá úloha má svůj specifický solver, který musí být zabalený v API. Ta musí implementovat specifikované API endpointy a běžet na předdomluveném portu tak, aby se na ni GUI mohlo napojit.