ToolHub

เจ้าของผลงานเล่าไว้แบบนี้

https://eubontuu.github.io/toolhub/ # ToolHub A personal PWA (Progressive Web App) — a hub of small tools/utilities. No build step, no framework, no backend by default — plain HTML/CSS/JS, static site. One opt-in exception: `tools/sync.js` talks to Firebase for multi-device sync, entirely off unless the owner links a sync code (see "Multi-device sync" below). - **Live URL:** https://eubontuu.github.io/toolhub/ - **Repo:** https://github.com/eubontuu/toolhub - **Hosting:** GitHub Pages, deployed from `main` root on every push. ## Why this exists The owner wanted one app icon that bundles several small personal tools instead of separate throwaway apps. Built incrementally — new tools are new registry entries, not new projects. ## File map ``` index.html entry point; loads style.css + every tool's css/js in order, registers sw.js app.js app shell only: APPS registry, router, theme picker, boot style.css shared/shell styles only: :root vars, base, Home, generic tool screen, small shared components tools/sync.{js,css} เชื่อมอุปกรณ์ — optional multi-device sync via Firebase (see "Multi-device sync" below); loads first, patches localStorage.setItem tools/counter.{js,css} บวก/ลบ (incl. ให้/ได้ ledger — see "Persistence") tools/todo.{js,css} สิ่งที่ต้องทำ — full-screen APPS tool (renderTodo) + read-only Home preview (renderTodoPreview) tools/quickstart.{js,css} ทางลัด — Home

โดย eubontuu · ดูโพสต์ต้นทาง