Showcase
Counter Interaktif
3.9 KB JSCounter sederhana dengan reaktivitas Proxy-based. Klik tombol untuk menambah, reset untuk kembali ke nol.
reaktivitas
data
on_klik
---
judul: "Counter Interaktif"
---
Gaya:
body
font-family: 'Inter', system-ui, -apple-system, sans-serif
margin: 0
…Galeri Foto
4.6 KB JSGaleri kartu foto dari front-matter data binding. Demonstrasi `$external` reference dan nested `Buat`.
front-matter
data binding
nested
---
judul: "Galeri Foto"
foto: [{judul: "Senja di Pantai", url: "https://picsum.photos/seed/senja/400/300", deskripsi: "Pemandangan matahari terbenam"}, {judul: "Gunung Berkabut", url: "https://picsum.photos/seed/gunung/400/300", deskripsi: "Kabut pagi di pegunungan"}, {judul: "Kota Malam", url: "https://picsum.photos/seed/kota/400/300", deskripsi: "Skyline kota di malam hari"}, {judul: "Hutan Tropis", url: "https://picsum.photos/seed/hutan/400/300", deskripsi: "Kehijauan hutan hujan"}]
---
Gaya:
body
font-family: 'Inter', system-ui, -apple-system, sans-serif
…Todo List
4.9 KB JSDaftar tugas dengan input, tombol tambah, dan render list via `Ulangi untuk`. Menunjukkan pattern CRUD minimal.
loop
array
masukan
---
judul: "Todo List"
---
Gaya:
body
font-family: 'Inter', system-ui, -apple-system, sans-serif
margin: 0
…Todo App LengkapApp
0.0 KB JSAplikasi todo list production-ready dengan reaktivitas, localStorage persistence, dan input handling.
app
localStorage
reactive
---
judul: "Todo App Pro"
todos: ["Belajar PromptJS","Buat aplikasi pertama","Deploy ke production"]
---
Gaya:
body
font-family: 'Inter', system-ui, -apple-system, sans-serif
…Dashboard SPAApp
0.0 KB JSFull SPA dashboard dengan autentikasi, role-based access, client-side routing, dan 5 halaman.
spa
auth
routing
---
judul: "PromptJS Dashboard"
butuhAuth: benar
redirect: /login
token: localStorage
tokenKey: auth_token
---
…Multi-Page SiteApp
0.0 KB JSWebsite multi-halaman dengan routing dan shared layout — blog, tentang, beranda.
multi-page
routing
layout
---
judul: "PromptJS Showcase"
---
Gaya:
body
font-family: 'Inter', system-ui, sans-serif
margin: 0
…