Štátnice — Ekonomika a manažment podniku

Single-page kvízová appka na bakalárske štátnice. 201 multiple-choice otázok zo 78 štátnicových otázok (13 predmetov × 6) + 78 flashcards s esenciou + prehľad progresu.

Spustenie lokálne

Najjednoduchšie: otvor index.html priamo v prehliadači (čistý HTML + CSS + vanilla JS, žiadne ES moduly, funguje z file://).

S Vite (live reload):

npm install
npm run dev

S Python:

python -m http.server 8000
# otvor http://localhost:8000

Funkcie

Kvíz

• 3 režimy: Konkrétny predmet / Všetko náhodne / ⚡ Slabé miesta (otázky, čo si označil/a ako „neviem" + tie, čo si v kvíze často pokazil/a) / 🔥 Najťažšie pre teba (top 20 podľa tvojej úspešnosti)
• Počet otázok: 10 / 20 / všetky
• Shuffle otázok aj možností
• Klávesnica 1–4 (odpoveď) + Enter (ďalej)
• Okamžitá zelená/červená spätná väzba + vysvetlenie + odkaz na prierezovú tému
• Progres bar + skóre v reálnom čase
• Streak najdlhšej série správnych odpovedí (perzistent)
• Po dokončení: % výsledok + rozpis úspešnosti po predmetoch + „Zopakovať len zlé" + možnosť priamo z výsledku označiť konkrétne štátnicové otázky ako „neviem"

Flashcards

• Esencia každej zo 78 štátnicových otázok (definícia + štruktúra + vzorce)
• Filter podľa predmetu
• 🎲 Náhodná karta
• Označenie ✕ neviem / ~ čiastočne / ✓ viem (uloží sa do localStorage)
• Auto-ďalej po označení (voliteľné)
• Klávesnica: ←/→ navigácia, Medzerník / Enter (odhaľ kostru), 1/2/3 (značky)

Prehľad

• Zoznam všetkých 78 štátnicových otázok v 13 sekciách podľa predmetu
• Stat boxy: celkový progres, viem / čiastočne / neviem / nehodnotené
• Filtre: všetky / neviem / čiastočne / viem / nehodnotené
• Per-predmet progres bar a počty
• Rýchle označenie značiek priamo zo zoznamu
• Klik na otázku → otvorí flashcard s esenciou
• Štatistika koľkokrát si otázku v kvíze trafil/ pokazil
• Reset všetkého progresu

Štruktúra

index.html
css/style.css
js/
  app.js              — kvíz, flashcards, prehľad, klávesnica, persistencia
  data/
    index.js          — zoznam predmetov + helper
    predmet-01.js     — Finančná analýza (otázky 1–6)
    predmet-02.js     — Informačný systém (7–12)
    …
    predmet-13.js     — Riadenie ľudských zdrojov (73–78)
    esencia.js        — 78 flashcards
vercel.json           — konfigurácia pre Vercel (static, no build)
package.json          — Vite (dev only)

Každý predmet-XX.js si pridáva otázky do window.QUIZ_DATA; esencia.js napĺňa window.ESENCIA. Vďaka tomu sa každý súbor edituje samostatne, bez bundlera.

LocalStorage kľúče:

• statnice.fcMarks — označenia flashcards (viem/čiastočne/neviem)
• statnice.qStats — počet správnych/zlých odpovedí v kvíze per qid
• statnice.streak — najdlhšia séria správnych odpovedí

Deploy na Vercel (cez GitHub)

1. Vytvor nový repo na GitHube — choď na https://github.com/new, daj mu meno (napr. statnice), nechaj prázdny (bez README, bez .gitignore).

2. Pripoj a pushni:

   git remote add origin https://github.com/<TVOJ-USER>/statnice.git
   git push -u origin main

3. Importuj na Vercel: choď na https://vercel.com/new, vyber GitHub repo statnice. Vercel automaticky detekuje statický web (vďaka vercel.json), build sa nespustí — len publish. Klikni Deploy.

4. Za ~30 sekúnd máš live URL typu statnice-xyz.vercel.app. Každý ďalší git push automaticky redeployuje.

Alternatíva: Vercel CLI

npx vercel             # prvé spustenie → login cez prehliadač
npx vercel --prod      # nasadí na produkciu