Maly-Dunaj.sk
Komplexný digitálny sprievodca pre vodákov
Úloha v projekte
Lead Full-Stack Developer / Architekt
Rozsah projektu
Mobilná aplikácia (iOS/Android), Webový portál, Admin systém, Cloud Backend
Maly-Dunaj.sk je moderná digitálna platforma navrhnutá špeciálne pre vodákov a turistov na Malom Dunaji. Cieľom projektu bolo vytvoriť ultimátneho "smart" sprievodcu, ktorý rieši reálne problémy na vode – od bezpečnej a presnej navigácie, cez logistické plánovanie, až po off-grid dostupnosť v prírode bez signálu. Nejde o obyčajnú informačnú aplikáciu, ale o komplexný nástroj s prepracovanou business logikou určený aj do náročného terénu.
Technologický Stack (Moderný a Škálovateľný Ekosystém)
Projekt je postavený na Serverless architektúre, rozdelený do troch klientskych aplikácií komunikujúcich s jednotným cloudom.
1. Mobilná Aplikácia (Native Performance)
Zameraná na 100% spoľahlivosť v teréne, GPS tracking a plynulý chod na vode.
- Framework: Flutter (Dart) pre natívny výkon (60fps) na oboch platformách (iOS & Android) z jedinej kódovej bázy.
- State Management: Riverpod (+ Freezed) pre robustnú a predvídateľnú správu stavu, lokálnych stavov aj asynchrónnych dát.
- Mapové Technológie:
flutter_maps custom integráciou PMTiles (Vector Map Tiles) pre komprimované offline priestorové dáta. Riešenie dosahuje extrémne nízku spotrebu úložiska a baterky. - Lokálna Databáza: Isar (NoSQL) pre bleskové lokálne ukladanie trás, cacheovanie bodov (POI) a offline chod bez čakania na sieť. Zabezpečuje spoľahlivý plynulý beh aj po výpadku prenosových dát.
- Služby na pozadí:
geolocatoraflutter_background_servicepre nepretržitý izolovaný GPS tracking trás aj pri uspatom telefóne. - Dizajn: Vlastný systém ("River Design System") – Glassmorphism panely a Neon-glow efekty reagujúce na "Dark Mode (Neon River)" a "Light Mode".
2. B2C Web a B2B Systém na Správu
Zamerané na rýchlosť načítania, perfektné SEO a rýchlu správu obsahu z akéhokoľvek zariadenia.
- Web Frontend: Poháňaný frameworkom Next.js 16 (React 19) pre jeho bezkonkurenčný Server-Side Rendering a špičkové SEO parametre. Styling je tvorený pomocou nového Tailwind CSS v4 a prístupných UI komponentov Radix UI. Interaktívne vektorové mapy na webe poháňa Maplibre GL JS a PMTiles protokol.
- Admin Systém (Redakčná zóna): Oddelená výkonná Single Page Aplikácia (SPA) bežiaca na modernom React + Vite. Zabezpečuje intuitívnu správu bodov záujmu, notifikácií, obsahu a podujatí s integrovaným Headless CMS prístupom – využíva Tiptap Rich-Text editor a DnD-kit pre Drag&Drop úkony.
3. Cloud Backend & Architektúra (Firebase)
- BaaS (Backend as a Service): Ekosystém Firebase, bezpečne spravovaný cez komplexné Security Rules chrániace používateľské dáta.
- Databáza: Cloud Firestore – primárna NoSQL databáza s dizajnom striktne optimalizovaným pre geolokačné read/write queries.
- Microservices: Cloud Functions (Node.js) slúžia ako bezpečný middleware. Okrem iného automaticky na pozadí asimilujú hydrologické dáta z externých API (ako SHMÚ - stavy vodných hladín či počasie).
- Storage: Prepojenie s Firebase Storage na bezpečné nahrávanie fotiek zastávok a používateľských galérií.
Kľúčové Funkcie Platformy
1. 3D Riečna Navigácia a Interaktívna Mapa
Aplikácia nie je odkázaná na bežné Google Maps prekážky. Obsahuje plne customizovanú vektorovú mapu ("Dark River" dizajn s mapovým štýlom optimalizovaným pre pobyt v prírode na slnku), ktorá zvýrazňuje priamo koryto rieky. Počíta "dashboardové" údaje reálne k aktuálnemu toku.
2. Pokročilý Algoritmus Vodáckeho Plánovača (Riečny Routing)
Používateľ si konfiguruje Štart, Medzizastávku (Kemp) a Cieľ. Namiesto primitívnej vzdušnej čiary aplikácia dynamicky odmeria predošlý profil riečnych meandrov, vypočíta dĺžku v kilometroch, odhadne čas fyzického pádlovania a do výpočtu vloží presnú reálnu predpoveď počasia a stavu vodnej hladiny na deň konania.
3. Spoľahlivý Background Tracking & Osobná História
Počas prežitia dňa na vode beží tracking plynulo vo backgrounde. Vektory sú merané s vysokou presnosťou a z každej trasy sú vygenerované prehľadné štatistické dáta: vizuálny graf rýchlosti naprieč tokom, doba odpočinku vo vodáckych bufetoch, celkový čas strávený na lodi a interaktívna pamätná galéria prejazdených bodov.
4. Kritický Offline Mode-First Prístup
Bez mobilného signálu pri riekach nesmie klesnúť použiteľnosť. Celá mobilná klientská vrstva stavia na prístupe "Local-first". Osobné mapové vizuály a navigačné záchytné body (súradnice obcí, vodných mlynov...) sa lokálne dynamicky cachujú. Pri opustení pokrytia siete nie je používateľská skúsenosť narušená.
5. Inteligentný Výstražný Systém
Safety na prvom mieste: Integrácia proaktívnych Real-Time push notifikácií funguje na komunitnom a redakčnom princípe varovaní pred nečakanou neprejazdnosťou úseku alebo náhlym zlomom počasia.
Technické Výzvy & Unikátne Riešenia
Najväčšou developerskou výzvou tohto projektu boli zdanlivo elementárne požiadavky na geografiu: prekonať neduhy klasického cestného algoritmu pri meraní vzdialeností s dôrazom na skutočných vodákov. Bolo vyžadované navrhnúť vlastnú integračnú priestorovú logiku s prechodmi cez Turf.js porty, ktorá meria trasy voči polygónom a krivkám vodného toku, kde je prejazd áut nula, ale pohyb kanoe definuje zážitok.
Ďalším masívnym inžinierskym krokom bolo prísne vyladenie správy pamäte a izolátov (Isolates) vo Flutteri pre spomínaný Background Processing. Trackovanie polohy bez vyzabíjania procesu vnútornou ochranou OS (či už iOS alebo rôznych agresívnych Android OEM nástavieb) vydrží bežať ako hodinky od naštartovania z kempu až po záverečné prirazenie bez toho, aby extrémne vysávalo výkon zariadenia počas páliaceho dňa.
