Skip to content

AWRootbeard/zoo_planner

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

11 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🦁 Zoo Planner πŸ¦’

A fun, educational web app for designing your dream zoo while learning math!

🎯 What is this?

Zoo Planner lets students drag and drop buildings, draw animal enclosures, and practice calculating perimeter and area - all while creating their own virtual zoo. Perfect for elementary math practice with a creative twist!

✨ Features

  • Drag & Drop Buildings - Add gift shops, restrooms, restaurants, and decorations
  • Draw Enclosures - Click and drag to create homes for 9 different animals
  • Math Practice Mode - Calculate perimeter and area before building (can be toggled off)
  • Share Your Zoo - Generate a shareable link to show off your creation
  • Smart Validation - Visual feedback shows if enclosures meet animal space requirements

πŸŽ“ Made with Cursor

This project was vibe coded in Cursor for an elementary school class over the course of a few hours one weekend. The entire app is vanilla JavaScript, HTML, and CSS - no frameworks, no build tools, just fun!

πŸš€ Running Locally

Just open index.html in a browser, or use any static server:

python3 -m http.server 8000

πŸ“ Version

Current version: v0.2

🐒 Credits

Wake the Turtle Games - Making learning fun, one app at a time!

About

A static html app for planning the layout of a zoo

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published