ArkaikPedia
Digital museum & encyclopedia for dinosaurs, megafauna, and human evolution with audio guides — zero backend, pure client-side.
OVERVIEW
ArkaikPedia is a digital museum and interactive encyclopedia presenting 40+ prehistoric specimens with scientific taxonomy, geological data, and in-browser audio guides — all client-side.
THE PROBLEM
Many online natural history encyclopedias present content in dense text formats without modern visual hierarchy, or require complex server architectures just to display a static data catalog.
To build a fast, responsive, highly aesthetic digital museum that resembles a real museum exhibition, with instant performance and no build compilation.
SOLUTION
Designing an interface based on HTML5 and Tailwind CSS with a classic museum ambiance (stone & amber palette), powered by vanilla JavaScript Fetch API to asynchronously load and filter data from database.json.
TECHNOLOGIES
KEY FEATURES
Screenshots
A quick look at how the interface actually looks.
Grand Exhibit Landing: Interactive banner with statistics on 40 total specimens, geological era breakdowns, and audio guide status01 / 3
Specimen Catalog: Dynamic filters by era, discovery region, scientific name, and interactive cards for T-Rex, Triceratops, & Brachiosaurus02 / 03
Megafauna Exploration: Grid layout of ancient specimen cards with golden border highlight effects for rare fossil discoveries03 / 03
CHALLENGES & SOLUTIONS
Providing flexible multi-criteria search (scientific name, geological formation, diet) across dozens of specimens instantly without a database query engine.
Implementing a client-side filtering pipeline in JavaScript that performs tokenized search against JSON object properties reactively.
Keeping initial rendering time instantaneous without a bundler or heavy npm dependencies.
Leveraging an optimized Tailwind CDN and native DOM rendering architecture for efficient data transfer.
WHAT I LEARNED
Producing a content-rich prehistoric encyclopedia with sub-second load times, portable, and hostable on various free static web platforms with 100% reliability.