🍎 MatNela — Matematika s Nelou / Math with Nela
🔗 App URL
https://dump-guy.github.io/MatNela/MatNela.html
CZ Česky EN English
CZ Česky
O aplikaci
MatNela je interaktivní matematická aplikace pro děti ve věku 6–12 let. Procvičuje sčítání, odčítání, násobení a dělení formou hry s vizualizací jablek. Navržena s cyberpunk designem, který děti baví.
Klíčové vlastnosti:
- ➕ Sčítání
- ➖ Odčítání
- ✖️ Násobení
- ➗ Dělení
- ⭐ Vše dohromady — smíšený režim
- 🍎 Vizualizace výsledků pomocí jablek a košíků
- 🌓 Tmavý i světlý cyberpunk režim
- 🌐 Čeština a angličtina (automatická detekce jazyka systému)
- 🔊 Zvukové efekty pro správnou i špatnou odpověď
- ⚙️ Nastavení obtížnosti — rozsahy čísel pro každou operaci zvlášť
- 🏆 Výsledky s hvězdičkami — nastavitelný počet příkladů (5–30, výchozí 15)
- 📱 Funguje jako PWA — instalovatelná aplikace bez app storu
- ✈️ Plně funkční offline — i při prvním spuštění bez internetu
🚀 Spuštění bez internetu — lokálně ze souboru
Aplikaci lze spustit přímo z počítače nebo telefonu bez internetu a bez instalace:
- Stáhni soubor
MatNela.html - Otevři ho v libovolném prohlížeči (Chrome, Firefox, Safari, Edge)
- Hotovo — aplikace funguje okamžitě, nic dalšího není potřeba
💡 Soubor lze sdílet přes USB, e-mail, WhatsApp nebo Bluetooth. Funguje na Windows, macOS, Linux, Android i iOS.
📱 Instalace jako PWA
PWA (Progressive Web App) nainstaluje aplikaci na plochu jako normální app — bez app storu, bez poplatků.
Podmínka: Aplikace musí být dostupná přes HTTPS adresu (ne lokální soubor).
Po instalaci funguje plně offline — aplikace se zakešuje při prvním načtení a dále nepotřebuje internet.
Testováno a funkční na:
| Platforma | Prohlížeč | Stav |
|---|---|---|
| Android | Google Chrome | ✅ Bez badge prohlížeče |
| Android | Brave | ✅ Funkční (malý Brave badge) |
| Android | Edge | ✅ Funkční (malý Edge badge) |
| iOS / iPadOS | Safari | ✅ Bez badge |
| iOS / iPadOS | Google Chrome | ✅ Bez badge |
| Windows 10/11 | Google Chrome | ✅ S ikonou na ploše |
| Windows 10/11 | Edge | ✅ S ikonou na ploše |
| Linux Ubuntu | Google Chrome | ✅ S ikonou |
| Linux Ubuntu | Firefox | ✅ Funkční |
| macOS | — | ✅ Očekáváno funkční |
ℹ️ Badge (malá ikonka prohlížeče) u Brave a Edge na Androidu je standardní chování těchto prohlížečů a nelze ho ovlivnit. Google Chrome na Androidu badge nepřidává.
📱 Instalace jako PWA — Android
- Otevři URL aplikace v Google Chrome (nebo jiném prohlížeči)
- Chrome automaticky nabídne banner „Přidat na plochu” — klepni na něj
- Nebo klepni na ⋮ (tři tečky vpravo nahoře) → Přidat na plochu → Přidat
- Ikona 🍎 se objeví na ploše — aplikace se otevírá jako samostatná app bez lišty prohlížeče
🍎 Instalace jako PWA — iPhone / iPad (Safari nebo Chrome)
- Otevři URL aplikace v Safari nebo Google Chrome
- Klepni na tlačítko Sdílet — ikona čtverce se šipkou nahoru ↑ (uprostřed dolní lišty)
- Přejdi dolů a vyber Přidat na plochu
- Uprav název (nebo ponech
MatNela) → klepni Přidat - Ikona 🍎 se objeví na ploše
ℹ️ Chrome i Safari na iOS používají stejný způsob instalace PWA — postup je totožný.
💻 Instalace jako PWA — Windows (Chrome nebo Edge)
- Otevři URL aplikace v Google Chrome nebo Edge na počítači
- V adresním řádku vpravo se zobrazí ikona ⊕ (Instalovat aplikaci)
- Klikni na ni → Instalovat
- Aplikace se otevře ve vlastním okně bez prohlížeče a přidá se do nabídky Start
🔒 Soukromí a bezpečnost
- Aplikace neodesílá žádná data nikam na internet
- Veškerá nastavení se ukládají pouze lokálně v prohlížeči (localStorage)
- Žádný tracking, žádná analytika, žádné cookies třetích stran
- Zdrojový kód je plně otevřený a čitelný v jednom HTML souboru
📄 Licence
Volné použití pro vzdělávací a nekomerční účely.
Copyright (c) MatNela Contributors
Povoleno:
✅ Používat osobně, ve škole nebo ve školce
✅ Sdílet s rodiči, učiteli a dětmi
✅ Upravovat zdrojový kód pro vlastní potřeby
Zakázáno:
❌ Jakékoliv zpoplatnění aplikace nebo jejích úprav
❌ Hostování nebo šíření upravené verze bez uvedení odkazu
na původní zdrojový repozitář
Při jakémkoliv hostování nebo sdílení upravené verze je povinné uvést viditelný odkaz na původní repozitář.
Vytvořeno zdarma pro podporu vzdělávání dětí. ❤️
EN English
About the App
MatNela is an interactive math app for children aged 6–12. It practices addition, subtraction, multiplication and division through a game with apple visualizations. Designed with a cyberpunk aesthetic that kids love.
Key features:
- ➕ Addition
- ➖ Subtraction
- ✖️ Multiplication
- ➗ Division
- ⭐ All together — mixed mode
- 🍎 Visual representation of results using apples and baskets
- 🌓 Dark and light cyberpunk theme
- 🌐 Czech and English (auto-detects system language)
- 🔊 Sound effects for correct and wrong answers
- ⚙️ Difficulty settings — number ranges for each operation individually
- 🏆 Results with stars — configurable number of problems (5–30, default 15)
- 📱 Works as a PWA — installable app without an app store
- ✈️ Fully offline capable — even on the very first launch without internet
🚀 Quick Start — Offline use (local file)
The app can be run directly from your computer or phone without internet and without installation:
- Download the file
MatNela.html - Open it in any browser (Chrome, Firefox, Safari, Edge)
- That’s it — the app works immediately, nothing else needed
💡 The file can be shared via USB, email, WhatsApp or Bluetooth. Works on Windows, macOS, Linux, Android and iOS.
📱 PWA Installation
A PWA (Progressive Web App) installs the app on your home screen like a regular app — no app store, no fees.
Requirement: The app must be available via an HTTPS URL (not a local file).
After installation the app works fully offline — it is cached on first load and requires no internet connection afterwards.
Tested and working on:
| Platform | Browser | Status |
|---|---|---|
| Android | Google Chrome | ✅ No browser badge |
| Android | Brave | ✅ Works (small Brave badge) |
| Android | Edge | ✅ Works (small Edge badge) |
| iOS / iPadOS | Safari | ✅ No badge |
| iOS / iPadOS | Google Chrome | ✅ No badge |
| Windows 10/11 | Google Chrome | ✅ With icon on desktop |
| Windows 10/11 | Edge | ✅ With icon on desktop |
| Linux Ubuntu | Google Chrome | ✅ With icon |
| Linux Ubuntu | Firefox | ✅ Works |
| macOS | — | ✅ Expected to work |
ℹ️ The small browser badge shown by Brave and Edge on Android is standard behaviour of those browsers and cannot be removed. Google Chrome on Android does not add a badge.
📱 PWA Installation — Android
- Open the app URL in Google Chrome (or another browser)
- Chrome will automatically show a banner “Add to Home Screen” — tap it
- Or tap ⋮ (three dots top-right) → Add to Home Screen → Add
- The 🍎 icon appears on your home screen — the app opens standalone without the browser bar
🍎 PWA Installation — iPhone / iPad (Safari or Chrome)
- Open the app URL in Safari or Google Chrome
- Tap the Share button — the square with arrow icon ↑ (bottom center bar)
- Scroll down and select Add to Home Screen
- Edit the name (or keep
MatNela) → tap Add - The 🍎 icon appears on your home screen
ℹ️ Both Chrome and Safari on iOS use the same PWA installation method — the steps are identical.
💻 PWA Installation — Windows (Chrome or Edge)
- Open the app URL in Google Chrome or Edge on your computer
- An install icon ⊕ appears on the right side of the address bar
- Click it → Install
- The app opens in its own window without the browser and is added to the Start Menu
🔒 Privacy & Security
- The app sends no data anywhere on the internet
- All settings are saved locally only in the browser (localStorage)
- No tracking, no analytics, no third-party cookies
- The source code is fully open and readable in a single HTML file
📄 License
Free to use for educational and non-commercial purposes.
Copyright (c) MatNela Contributors
Permitted:
✅ Personal use, at school or kindergarten
✅ Sharing with parents, teachers and children
✅ Modifying the source code for personal use
Prohibited:
❌ Any form of charging money for the app or its modifications
❌ Hosting or distributing modified versions without crediting
the original source repository with a visible link
When hosting or sharing any modified version, a visible link to the original source repository is required.
Created free of charge to support children’s education. ❤️
Made with ❤️ for kids learning math