A történet

Régi ötletem volt egy tartalomjegyzék-kezelő program, de sokáig nem jutottam vele előre: mindig közbejött valami. Készült egy kezdetleges változat, ami részben működött, többnyire viszont nem. Ma a GPT-5 Thinking segítségével közösen nekiültünk, és nagyjából két óra alatt egy stabil, funkciógazdag verziót raktunk össze. Kemény munka volt, de a munka oroszlánrészét a GPT végezte — én irányt adtam, teszteltem és döntöttem.

A GPT rövid véleménye

Öröm volt együtt építeni: tiszta célok, gyors iterációk. A fókusz a megbízható kliensoldali működésen volt (reszponzív elrendezés, sötét/világos mód), valamint a szerkeszthetőségen (WYSIWYG + HTML), a JSON-alapú import/exporton, a drag&drop rendezésen és az olvasó-HTML exporton. A rendszer célja, hogy bárki pillanatok alatt használható, esztétikus tartalomjegyzéket tudjon összeállítani — szerveroldal nélkül.

Próbáld ki

A program itt érhető el: KATTINTS IDE!



Használati útmutató

  • Kategóriák nyitása/csukása: a bal oldali listában kattints a kategória címére. A „+ / −” jel mutatja az állapotot.

  • Tartalom megnyitása: egy elem címére kattintva a részletes tartalom a jobb oldalon jelenik meg.

  • Keresés: a fejléc keresője azonnal szűr kategóriákra és elemekre.

  • Hozzáadás: „+ Hozzáadás” → válaszd a típust (kategória vagy tartalom), adj címet; tartalomnál WYSIWYG/HTML módban szerkessz, majd „Létrehozás”.

  • Szerkesztés: „* Szerkesztés” → módosítható egy kategória neve, illetve egy elem címe és tartalma.

  • Törlés: „− Törlés” → törölhetsz teljes kategóriát (minden elemével) vagy egyetlen elemet.

  • Drag & drop rendezés: kategóriákat a címük húzásával rendezel; elemeket a kategórián belül sorba húzhatsz, vagy másik kategóriára ejtve áthelyezhetsz.

  • Sötét/világos mód: a fejléc gombjával válthatsz; a választás megjegyződik.

  • WYSIWYG billentyűk: Ctrl+B/I/U, Ctrl+2 (H2), Ctrl+3 (H3), Ctrl+0 (bekezdés), Ctrl+Shift+8 (felsorolás), Ctrl+Shift+7 (számozott).

  • Export / Import (JSON): az export lementi a kategóriákat és tartalmakat .json-ba; az importtal visszatölthető (felülírja a jelenlegi állapotot).

  • HTML export (olvasó mód): önálló, read-only HTML készül, amelyben működik a kategória-nyitás és a téma-váltás, de szerkeszteni nem lehet.

  • Nyomtatás: a „Nyomtatás” gomb nyomtatóbarát nézetet ad (a vezérlők elrejtve).

  • Automatikus mentés: a módosítások helyben (böngészőben) elmentődnek; újranyitáskor felajánlott visszaállítással.