ArkaikPedia
Museum digital interaktif tentang dinosaurus, megafauna purba, dan evolusi manusia, lengkap dengan panduan audio.
RINGKASAN
ArkaikPedia adalah museum digital dan ensiklopedia interaktif yang menampilkan 40+ spesimen prasejarah dengan data taksonomi, formasi geologi, dan audio guide di browser — seluruhnya client-side.
MASALAH
Banyak ensiklopedia sejarah alam daring menyajikan konten dalam format teks padat tanpa hierarki visual modern, atau memerlukan arsitektur server rumit hanya untuk menampilkan katalog data statis.
Membangun museum digital yang cepat, responsif, dan berestetika tinggi layaknya pameran museum sungguhan, dengan performa instan tanpa kompilasi build.
SOLUSI
Merancang antarmuka berbasis HTML5 dan Tailwind CSS dengan nuansa museum klasik (stone and amber palette), didukung vanilla JavaScript Fetch API untuk memuat dan menyaring data dari database.json secara asinkron.
TEKNOLOGI
FITUR UTAMA
Tangkapan Layar
Sekilas bagaimana antarmuka terlihat sebenarnya.
Grand Exhibit Landing: Banner interaktif dengan statistik 40 total spesimen, pembagian era geologi, dan status audio guide01 / 3
Katalog Spesimen: Filter dinamis berdasarkan era, wilayah temuan, nama ilmiah, serta kartu interaktif T-Rex, Triceratops, dan Brachiosaurus02 / 03
Eksplorasi Megafauna: Tampilan grid kartu spesimen purba dengan efek border highlight emas untuk temuan fosil langka03 / 03
TANTANGAN & SOLUSI
Menyediakan fitur pencarian fleksibel multi-kriteria (nama ilmiah, formasi geologi, diet) pada puluhan spesimen secara instan tanpa database query engine.
Menerapkan pipeline filtering sisi-klien di JavaScript yang melakukan tokenized search terhadap properti objek JSON secara reaktif.
Menjaga waktu rendering awal tetap sekejap tanpa bundler atau dependensi npm yang berat.
Memanfaatkan Tailwind CDN yang dioptimalkan serta arsitektur rendering DOM native untuk efisiensi transfer data.
YANG SAYA PELAJARI
Menghasilkan ensiklopedia prasejarah yang kaya konten, memiliki waktu muat di bawah 1 detik, portabel, dan dapat di-hosting secara statis di berbagai platform web gratis dengan keandalan 100%.