Animal Match & Learn Project Report
1. The Concept
Animal Match & Learn is a lightweight, web-based animal learning game for preschool kids. The game helps children learn English animal names through pictures, sounds, cards, and matching activities. It is designed for parents who want safe and meaningful screen time for their children.
2. The Stack
The Stack: HTML5, CSS, and JavaScript — no framework, no build step. The project uses local raster image assets, audio files, touch-friendly UI, and simple browser-based game logic.
The AI Assist: OpenAI Codex helped plan the target user, design the game modes, generate animal images, create animal-like sounds, write the game logic, improve UI/UX, clean unused assets, and write documentation.
3. The 1 Day Sprint:
Morning (Hours 1–3): We started by defining the target user: English-speaking parents with preschool children age 3–5. Then we planned the core idea: a short animal learning game that can open directly from a browser link. The first version included a home screen, mode selection screen, and basic animal matching gameplay.
Afternoon (Hours 4–6): We expanded the game into multiple modes: Match Name, Guess Name, Hear Sound, Hear Name, Match Halves, and Animal Cards. We improved the UI to feel more like a mobile game instead of a normal website. We also added more animal images and connected sound effects for a better learning experience.
The Finish Line (Hour 7-8): We polished the Animal Cards mode, made it scrollable, hid the scrollbar, cleaned unused images, added more generated animal assets, added missing animal sounds, and wrote the README. We also checked the JavaScript syntax to make sure the app still worked correctly.
4. The Roadblocks
Roadblocks: The biggest challenge was the Match Halves mode. At first, it worked like a simple tap-to-match game, but the desired behavior was closer to placing matching animal halves together like a puzzle. Another roadblock was asset management, because many images were added during development and some unused files had to be identified and removed carefully.
5. Key Takeaways
The best part of the project was how quickly a simple idea became a playable learning game with multiple modes.
The hardest part was making the interaction feel right for young children. A kids game needs big buttons, clear pictures, short text, immediate feedback, and simple rules.
My final thought: Animal Match & Learn is a strong MVP because it is simple, visual, educational, and easy to open from a shared link. If I had more time, I would add more real licensed animal sounds, improve the Match Halves puzzle interaction, and add a parent progress screen.