History Learner
Webalkalmazás a történelmi tények interaktív tanulásához és memorizálásához.
A Kihívás (The Challenge)
A fő kihívás egy olyan platform létrehozása volt, amely a magolástól eltérően, modern és interaktív módszerekkel, például kvízekkel és egy időzített ismétlési rendszerrel (SRS) teszi élvezetessé a tanulást.
A Megoldásom (My Solution)
Egy Next.js alapú webalkalmazást fejlesztettem, ami reszponzív és mobilbarát. Az alkalmazás több modult tartalmaz: interaktív kártyákat a fogalmakhoz és nevekhez, egy idővonal nézetet az évszámokhoz, valamint kvíz és vizsga módokat a tudás tesztelésére. A beépített SRS algoritmus segít a felhasználóknak a nehezebb témakörök hatékonyabb elsajátításában.
Felhasznált Technológiák (Tech Stack)
- Next.js: Szerver-oldali renderelést és gyors navigációt biztosít, ami elengedhetetlen a jó felhasználói élményhez.
- React: Komponens alapú architektúrája lehetővé teszi az újrafelhasználható és könnyen karbantartható UI elemek készítését.
- TypeScript: Típusbiztonságot ad a kódnak, csökkentve a hibák számát a fejlesztési fázisban.
- Bootstrap: Reszponzív és előre elkészített komponenseivel felgyorsította a UI fejlesztést.
Technikai Mélymerülés (Technical Deep-Dive)
A legérdekesebb technikai megoldás a Spaced Repetition System (SRS) implementálása volt. A rendszer a felhasználó válaszai (nehéz, jó, könnyű) alapján dinamikusan számítja ki, hogy egy adott kártyát mikor kell újra megmutatni. Az algoritmus exponenciálisan növeli a kártyák közötti időt, ha a felhasználó helyesen válaszol, így optimalizálva a memorizálási folyamatot. Az SRS állapotát a böngésző `localStorage`-ében tárolom, így az perzisztens marad a munkamenetek között is.