Ugrás a tartalomra
Jónás Gergely
Saját projekt · Webalkalmazás (PWA)

Szóra

Olvasó webalkalmazás figyelemzavarral élőknek

Zárt kör 2026 ősz
sor TypeScript
56 000
olvasási mód
3
animált jelvény
15
szint
20

01Röviden

„Egyszerre egy szó. Semmi zaj.” Magyar olvasó webalkalmazás figyelemzavarral (ADHD) élőknek és mindenkinek, akinek nehéz egy könyvnél maradni.

Bármilyen könyvet (PDF, EPUB, szöveg, MEK-link) be lehet tenni, és háromféleképpen olvasni: felolvassa egy természetes Google-hang, a kiemelés a beállított tempóban vezeti a szemet, vagy gyorsolvasásban egyszerre egy szó látszik a képernyő közepén.

Mellette AI-segéd, éjszakai mód, háttérhangok és egy játékos motivációs rendszer. Telefonon és gépen is működik, offline is, és az eszközök között szinkronizál.

Jelenleg zárt körű: meghívóval vagy admin-jóváhagyással lehet belépni, élesben egy kis tesztelői kör használja. Az értékesítése hamarosan tervben van.

02Kiemelt pillanatok

01

A borító kinyílik olvasóvá

A könyv borítója kinyílik olvasóvá, és visszafelé rácsukódik. A kezdőlap „esti lámpa” hangulatú, az oldalak között közös elemes átmenetek futnak.

02

Egyszerre egy szó

Gyorsolvasásban egy szó látszik középen, kiemelt fókuszbetűvel, hosszú szavaknál lassít. Mellette felolvasás természetes hanggal és vezetett olvasás a beállított tempóban.

03

AI-segéd, spoiler nélkül

Mindig csak az eddig olvasott részből dolgozik: mi történt eddig fejezetenként, szereplők, fejezetvégi kvíz, olvasótárs-chat a könyvről.

04

Éjszakai mód

Fekete háttér, halvány, meleg vagy vörös betű, állítható fényerő. Este magától bekapcsol, reggel ki; telefonon teljes képernyőn.

03Képernyők

A könyvespolc borítósorának lapozása
Havi visszatekintő négy story-lapon
Asztali nézet: kezdőlap és könyvespolc
Admin: használat, becsült költség és a felolvasás havi számlája
Mobil · 6 képernyő
Kezdőlap esti köszöntéssel, napi céllal és „Itt tartottál” kártyával
A három olvasási mód: felolvasás, vezetett olvasás, gyorsolvasás
Olvasó nézet kiemelésekkel és a vezetett olvasás vezérlőjével
AI-segéd: a könyv fő- és mellékszereplői
Háttérhangok keverője
Fejlődés: szint, XP és heti cél

04Mit tud

01

Olvasás

  • Felolvasás Google Chirp 3 HD hanggal: a szöveg követi, és lezárt képernyővel is szól.
  • Vezetett olvasás: szó, szócsoport, sor vagy bekezdés kiemelése a beállított tempóban.
  • Gyorsolvasás (RSVP): egy szó középen, kiemelt fókuszbetűvel; hosszú szavaknál lassít.
  • Betűméret, görgetés vagy lapozás, bionikus olvasás, sorfókusz, színszűrők; kiemelések négy színben, jegyzetek, könyvjelzők, keresés, tartalomjegyzék, PDF-nél az eredeti oldalak nézete is.
  • „Itt tartottál” kártya: a mondat, ahol abbahagytad.
  • Éjszakai mód fekete háttérrel és halvány, meleg vagy vörös betűvel, ami este magától bekapcsol; keverhető háttérhangok; fókusz-időzítő.
02

Könyvek

  • Import PDF-ből (élőfej- és oldalszámszűréssel, fejezetfelismeréssel), EPUB-ból, TXT-ből, beillesztett szövegből vagy MEK-linkről; a feldolgozás a böngészőben fut.
  • Könyvespolc 3D-s borítósorral, a címből szedett tipografikus borítókkal.
03

AI-segéd, spoiler nélkül

  • Mindig csak az eddig olvasott részből dolgozik.
  • „Mi történt eddig?” fejezetenkénti idővonallal, szereplők, fejezetvégi kvíz, olvasótárs-chat a könyvről, szómagyarázat kijelölésre.
04

Motiváció

  • Napi cél, rugalmas sorozat (heti egy pihenőnap belefér), XP és 20 szint.
  • 15 animált SVG-jelvény (köztük titkosak), fejezet-kártyák, statisztika, havi visszatekintő story formában, napi emlékeztető push-értesítéssel.
05

Admin felület

  • Felhasználók jóváhagyása, jogai és egyéni napi keretei, eszközök kiléptetése.
  • Használat és becsült költség, a felolvasás havi számlája az ingyenes keretekkel; a keret közelében magától takarékos hang kapcsol be.
  • Napló minden belépésről és adminműveletről, meghívók.
06

Design

  • Saját „szóra” logó; a három pálcika végigkíséri a felületet a töltőktől a haladássávig.
  • Kezdőlap „esti lámpa” hangulattal; a könyv borítója kinyílik olvasóvá, és visszafelé rácsukódik. Csökkentett mozgás támogatása, sötét, világos és éjszakai téma.

05Mérnöki megoldások

  1. 01 Felolvasás lezárt képernyővel is (Android): folyamatos hangfolyam (MediaSource), pontos tempóra szintetizált hang időnyújtás nélkül, a hang és a kiemelt szó szinkronban.
  2. 02 Költségkontroll: a Google TTS ingyenes keretének figyelése, 97%-nál takarékos hangra vált.
  3. 03 Offline-first adatbázis (IndexedDB) ütközéskezelő szinkronnal (Turso / libSQL).
  4. 04 Biztonság: szigorú CSP nonce-szal, CSRF-védelem, gyakoriság-korlát, szerveroldali jogosultság.
  5. 05 Óránkénti emlékeztetők Vercel Cronnal, Web Push (VAPID).
  6. 06 Kb. 56 000 sor TypeScript.

A képek az éles szolgáltatásoktól leválasztott példányról készültek, generált mintaadatokkal. A bemutató könyv Babits Mihály A gólyakalifa című regénye (közkincs), az AI-válaszok mintaválaszok.