package-lock.json ×

package.json ×

plan.md

# hompimpah.org — Game edukatif anak Indonesia

## Status: IMPLEMENTED (8 game playable)
Situs game edukatif anak, 100% client-side di Cloudflare Workers Assets. Tanpa backend,
tanpa daftar, offline-capable (PWA + Service Worker). Semua logika berjalan di browser.

## Game (web/public/<slug>/index.html)
1. **/hompimpah/** — Hompimpah Online. Multi-sentuh jari (chwazi-style) + mode daftar nama, acak adil siapa yang "jaga"/menang.
2. **/tebak-lagu/** — Kuis tebak judul lagu anak Indonesia dari lirik (22 lagu). Skor + streak + rekor (localStorage).
3. **/ranking/** — Tap-to-order, urutkan benda dari paling tinggi/cepat/besar (8 set soal).
4. **/numerik/** — Drill matematika (+−×÷), 3 level, timer 30/60/120 dtk, keypad custom + keyboard.
5. **/warna/** — Color match: pilih warna tepat untuk tiap benda (emoji greyscale → colored).
6. **/logika/** — Logic puzzle: pola angka (aritmetika/kelipatan/fibonacci), pola emoji, cari yang beda. 3 tingkat.
7. **/worksheet/** — Generator lembar kerja cetak/PDF (Matematika prosedural; IPA/IPS/Bahasa dari bank soal) + kunci jawaban, print CSS.
8. **/guru/** — Mode Guru: builder kuis pilihan ganda → encode ke 1 link (#k=base64), murid buka link → auto-grade. Tanpa server, share via WhatsApp.

## Shared
- `web/public/assets/app.css` — design system (token, nav, HUD, opsi, swatch, toast).
- `web/public/assets/shell.js` — icon sprite + top nav + bottom tab bar + SW register + helper `window.H`.
- `web/public/sw.js` — offline app-shell (network-first navigasi, cache-first aset).
- Landing `index.html` — 8 kartu fitur kini link ke game; manifest punya shortcuts; sitemap & llms.txt diperbarui.

## Verifikasi (2026-06-08)
- `wrangler deploy --dry-run` OK (63 aset).
- `node --check` semua JS lolos; inline script tiap halaman lolos.
- Puppeteer headless: 9 halaman 0 console/page error; tiap game interaksi inti jalan; Mode Guru round-trip (link → murid → nilai 100) OK.

## Deploy
`cd web/hompimpah.org && npm run deploy` (route hompimpah.org/* sudah di wrangler.toml).

---

## ⚙ HARD CONSTRAINTS (terpenuhi)
- 100% Cloudflare serverless (Workers Assets, tanpa VPS/PM2/Docker di jalur prod). ✔
- 1-operator, tanpa antrian manual — semua game otonom client-side. ✔
- UI bahasa Indonesia. ✔ · Privasi: tanpa data pribadi terkirim (Mode Guru pakai link, bukan server). ✔
- Tanpa barang fisik/inventory. ✔

PREVIEW

hompimpah.org — Game edukatif anak Indonesia

Status: IMPLEMENTED (8 game playable)

Situs game edukatif anak, 100% client-side di Cloudflare Workers Assets. Tanpa backend, tanpa daftar, offline-capable (PWA + Service Worker). Semua logika berjalan di browser.

Game (web/public//index.html)

/hompimpah/ — Hompimpah Online. Multi-sentuh jari (chwazi-style) + mode daftar nama, acak adil siapa yang "jaga"/menang.
/tebak-lagu/ — Kuis tebak judul lagu anak Indonesia dari lirik (22 lagu). Skor + streak + rekor (localStorage).
/ranking/ — Tap-to-order, urutkan benda dari paling tinggi/cepat/besar (8 set soal).
/numerik/ — Drill matematika (+−×÷), 3 level, timer 30/60/120 dtk, keypad custom + keyboard.
/warna/ — Color match: pilih warna tepat untuk tiap benda (emoji greyscale → colored).
/logika/ — Logic puzzle: pola angka (aritmetika/kelipatan/fibonacci), pola emoji, cari yang beda. 3 tingkat.
/worksheet/ — Generator lembar kerja cetak/PDF (Matematika prosedural; IPA/IPS/Bahasa dari bank soal) + kunci jawaban, print CSS.
/guru/ — Mode Guru: builder kuis pilihan ganda → encode ke 1 link (#k=base64), murid buka link → auto-grade. Tanpa server, share via WhatsApp.

Shared

web/public/assets/app.css — design system (token, nav, HUD, opsi, swatch, toast).
web/public/assets/shell.js — icon sprite + top nav + bottom tab bar + SW register + helper window.H.
web/public/sw.js — offline app-shell (network-first navigasi, cache-first aset).
Landing index.html — 8 kartu fitur kini link ke game; manifest punya shortcuts; sitemap & llms.txt diperbarui.

Verifikasi (2026-06-08)

wrangler deploy --dry-run OK (63 aset).
node --check semua JS lolos; inline script tiap halaman lolos.
Puppeteer headless: 9 halaman 0 console/page error; tiap game interaksi inti jalan; Mode Guru round-trip (link → murid → nilai 100) OK.

Deploy

cd web/hompimpah.org && npm run deploy (route hompimpah.org/* sudah di wrangler.toml).

⚙ HARD CONSTRAINTS (terpenuhi)

100% Cloudflare serverless (Workers Assets, tanpa VPS/PM2/Docker di jalur prod). ✔
1-operator, tanpa antrian manual — semua game otonom client-side. ✔
UI bahasa Indonesia. ✔ · Privasi: tanpa data pribadi terkirim (Mode Guru pakai link, bukan server). ✔
Tanpa barang fisik/inventory. ✔

AI ASSISTANT

Ask AI to research, improve, or generate content.

Try: "Research competitors for this niche"

Actions