Child-Centered Educational Experience

Raven's Wild World

A child-centered field guide for exploring 100 birds and dinosaurs through search, filters, profiles, quizzes, comparisons, favorites, and random discovery.

The Raven's Wild World homepage with Birds and Dinosaurs exploration paths beside its welcome message.
Raven's Wild World accepted homepage.

Technologies TypeScript · React · Vite

A direct request from the target user

Raven's Wild World began when a child asked her father to build her a website. The goal was not to turn a simple idea into a long requirements exercise. It was to make something she could explore independently, then learn from how she actually used it.

The project followed a compressed product cycle: Discovery Lock, Working Alpha, Raven Review, and Acceptance. That first release established the interaction model. V2 keeps the same project identity and expands the field guide from twelve creatures to 100.

Built for independent discovery

The accepted V2 experience contains 50 birds and 50 non-avian dinosaurs. Search and bird-group, dinosaur-period, and diet filters make the larger collection practical to browse. Children can follow related discoveries, compare creatures, work through a 20-question quiz, save favorites, or ask the site to show them something unexpected.

The interface uses responsive collection layouts, strong interaction states, descriptive image text, keyboard-accessible controls, and reduced-motion support. Educational references and image credits remain connected to each creature profile, while dinosaur records state the evidence behind reconstructions and inferences.

Structured content and browser-side state

Reusable TypeScript creature records drive browsing, search, filters, profiles, comparison, quiz choices, random discovery, related creatures, and Favorites. Automated dataset checks enforce the exact 50/50 roster, required fields, valid relationships, quiz references, and image metadata. React manages the interactive views. Favorites persist in localStorage, while the random explorer avoids repeating the immediately previous discovery with session state.

The 100 local JPEGs are optimized for the collection and paired with machine-readable creator, license, license URL, and source-page metadata. Asset validation checks file presence, dimensions, manifest parity, and supported licenses before release.

The application is a static Vite build. It has no accounts, database, or production backend. That boundary keeps the showcase accurate and lets the same accepted experience run under the Broken Pickaxe project path.

Review with the actual user

Raven chose Birds first, then explored Dinosaurs. She independently found the Quiz, compared multiple dinosaurs, and noticed Favorites. Her response was strongly positive. The only minor observation was that the small favorite star's connection to the Favorites page needed explanation.

That observation remains future polish rather than a reason to reopen the accepted application. The review established that the core discovery journey worked for its intended user.

Fast-track delivery with a real acceptance signal

The result demonstrates how a static, data-driven application can grow substantially without adding a backend or weakening its product focus. Structured content, automated integrity checks, and reusable interaction systems let the accepted experience scale while the playable product remains the clearest evidence.