Dokumentace projektu
O aplikaci
Jouza Radio&News je otevřená a dynamicky se vyvíjející lokální platforma agregující zprávy, rádiové streamy, počasí a smart data regionu Nový Bor a širší okolí. Je vyvíjena na vlastní náklady a s přihlédnutím k potřebám obyvatel regionu.
2.8
Aktuální verze
5
Záložek / modulů
4
Barevná témata
∞
Kávy při vývoji
Popis aplikace
Jouza Radio&News je nezávislý agregátor zpráv a živých rádiových streamů zaměřený na Severočeský region — konkrétně Liberecký a Ústecký kraj. Cílem je nabídnout přehledné, reklamou nezatížené rozhraní pro každodenní přísun informací a hudby.
Aplikace funguje jako jednostránkový klient (SPA) nasazený přes Vercel a verzovaný na GitHubu. Data zpráv jsou stahována z live JSON feedu, počasí obstarává Open-Meteo API doplněné osobní meteorologickou stanicí v Novém Boru. Sekce Smart Region agreguje data ze senzorové sítě — ovzduší, voda, půda, radiace a silniční provoz I/9.
Záložka Příroda přináší data lesnického monitoringu z DendroNet — les Jetřichovice a les Ralsko. Aplikace nevyužívá žádné cookies třetích stran ani placenou inzerci.
Autorství
Technologický stack
Vercel
Hosting & deployment (CD)
GitHub
Verzování, CI pipeline
Open-Meteo
Počasí — free, bez API klíče
Leaflet.js
Interaktivní mapy senzorů
Chart.js
Grafy měření Smart Region
Google Apps Script
NBSensej - vlastní backend API
Vlastní stanice
Meteo JSON feed — Nový Bor
DendroNet
Lesnická senzorová data CZ
RSS / JSON feedy
Zprávy — live agregace
Rychlost I/9
Silniční provoz — live km/h, dopravniinfo.cz
Radiace (µSv/h)
Geiger senzory — Valdek a Liberec
Průtok Šporka
Průtok m³/s — potok Šporka
Hladina Svor
Výška hladiny cm — Boberský potok
Vlhkost půdy
Park Nový Bor — SWC senzor vlhkosti půdy
Changelog verzí
Lunární kalendář · Day info v hlavičce
Major
- Záložka „Kalendář" — plně česky lokalizovaný lunární kalendář s fázemi měsíce, slovanskými svátky a astronomickými událostmi
- Fázová lišta (phase bar) s aktuálním dnem cyklu, iluminací a jménem fáze
- Modifikátory energie (×1.0 – ×2.5) pro speciální dny (Čarodějnice, Slunovrat, Samhain…)
- Zobrazení aktuální fáze měsíce + počasí v centru hlavičky aplikace (hdr-moon, hdr-weather)
- Hodiny v hlavičce — digitální i analogové (přepínání klikem), datum s denním názvem
- Auto-refresh při přechodu přes půlnoc +
visibilitychangelistener
Subsekce · Přepracování struktury · Opravy
Design
Opravy
- Záložky Zprávy, Rádio a Počasí rozděleny do sub-záložek (Svět / ČR / Novoborsko)
- Smart Region rozdělen na sub-záložky Okolní senzory a Lesy
- Dynamické generování subtab navigace dle aktivní L1 záložky
- Oprava lazy-load pro záložku Příroda při přepínání subsekcí
- Ladění výkonnostních a vizuálních detailů — spacing, barvy, responzivita
Záložka Příroda · DendroNet live
Major
- Nová záložka „Příroda" — lesnický monitoring Jetřichovice & Ralsko
- Graf teploty vzduchu, teploty a vlhkosti půdy (SWC), tlaku půdy (SWP)
- Graf PAR (fotosynteticky aktivní záření) + vlhkost vzduchu
- Graf vodního deficitu stromu (TWD) — indikátor stresu lesního porostu
- Volitelné časové období: 30 / 90 / 180 / 365 dní
- GAS endpoint
format=naturepro DendroNet data
Smart Region — Doprava & Mapa
Nové
- Live dopravní data I/9 přes api.dopravniinfo.cz — rychlost, zdržení, směr
- Interaktivní mapa senzorů (Leaflet) s barevnými markery dle typu senzoru
- Oprava souřadnic v GAS exportu — správné mapování sloupců pro lat/lon/id
- ResizeObserver pro správnou inicializaci mapy při lazy-load záložky
- Uložení dopravních dat do NBSense DB (max 1×/hod) přes GAS endpoint
Smart Region — NBSense grafy
Nové
- Záložka „Smart Region" s historickými grafy měření (teplota, PM10, PM2.5, NO2, půda, voda, radiace)
- Přepínání časového okna: 24h / 7d / 30d / 60d / 90d / 180d / 365d
- Granularita agregace: auto / hodina / den / týden / měsíc
- Přepínání viditelnosti datasetů přes checkboxy
- GAS API endpoint
format=jsons agregací na backendu
Počasí — Open-Meteo integrace
Nové
- Záložka „Počasí" s hero kartou Nový Bor (osobní stanice) a gridem 7 měst Severních Čech
- 10denní výhled s ikonami WMO kódů, srážkami, min/max teplotou
- Mini forecast strip na každé kartě města (příštích 5 dní)
- Automatický refresh každých 30 minut při aktivní záložce
- Česká lokalizace WMO kódů (60+ stavů počasí)
SEO audit & Google Search Console
Opravy
SEO
- Implementace robots.txt, sitemap.xml, manifest.json, favicon sady
- Schema.org
RadioStation+WebApplicationJSON-LD markup - OG image 1200×630px, kompletní Open Graph + Twitter Card tagy
- Nastavení Google Search Console, ověření vlastnictví domény
- Canonical URL,
lang="cs", meta description - Google Analytics (GA4) + GTM + Microsoft Clarity integrace
Globální přehrávač & UX
Design
- Sticky globální radio přehrávač s animací slideDown a ON AIR pulsem
- Ovládání hlasitosti, tlačítko play/stop, název stanice
- Kontextové tlačítko „Obnovit" — reaguje na aktivní záložku
- 4 barevná témata (dark, white, blue, red) s persistencí v localStorage
- Ember efekt na hover odkazech v patičce
- Responzivní layout pro mobilní zařízení
Přepis na SPA · Tab architektura
Major
- Kompletní přepis na jednofájlový SPA bez závislostí na frameworku
- Tab navigace: Zprávy / Rádio / Počasí / Smart Region / Příroda
- Lazy-load jednotlivých záložek (data se stahují při prvním otevření)
- Live JSON feed zpráv z GitHub raw URL s automatickým refresh 5 min
- Normalizace RSS XML i JSON formátů v jednom rendereru
Počáteční release
Launch
- První veřejná verze Jouza Radio&News na newsandradio.cz
- Základní agregace RSS zpráv + seznam rádiových streamů
- Nasazení na Vercel, propojení s GitHub repozitářem
- Tmavé téma, responzivní layout