Nara — Situs Portofolio yang Boleh Diacak-acak
Nara adalah situs portofolio untuk desainer visual dengan satu aturan: situsnya boleh diacak-acak pengunjung. Hero-nya bisa dicoret, warnanya bisa diaduk, dan kartu karyanya bisa digeser ke mana saja. Hampir setiap bagian punya sesuatu untuk dimainkan, dari layar pembuka sampai halaman kontak.
Yang Bisa Dimainkan
- Hero yang bisa dicoret langsung dengan kursor atau jari, lengkap dengan tombol undo.
- Ruang Main berisi empat mainan: gravitasi logo, aduk warna situs, bom stiker, dan lab logo 10 detik.
- Kartu karya yang bisa digeser seperti di atas meja. Klik salah satunya untuk membuka bedah kasus proyek itu.
- Command palette lewat Ctrl+K, tema krem dan malam, kursor khusus yang bisa dimatikan, plus easter egg kode Konami.
- Jurnal, buku tamu, tombol suka, dan formulir brief untuk mengajak kolaborasi.
Di Balik Layar
Antarmukanya ditulis dengan JavaScript tanpa framework dan dibangun dengan Vite, jadi bundel utamanya hanya sekitar 90 KB. Mainan-mainannya digambar di Canvas 2D dengan pointer events. Data seperti karya, jurnal, buku tamu, jumlah suka, brief, dan kunjungan tersimpan di Supabase yang di-host sendiri. Kalau database sedang tidak bisa dijangkau, situsnya tetap jalan dan menyimpan data di localStorage.
Detail Kecil
Ada layar pembuka bertuliskan "sedang menata meja kerja" yang bisa dilewati dengan sekali klik, jam Jakarta dan status "open for project" di bilah atas, serta penanda yang menunjukkan apakah data sedang tersambung ke database atau memakai penyimpanan lokal.
🔗 Coba langsung: nara.magangin.my.id (tekan Ctrl+K, atau coba kode Konami)