🧸 Toddler Activity Finder 🧸

The ToddlerDo iOS App is under development! Check out ToddlerDo.com for the latest updates.

📚 About This Project

Visit meimakes.com/toddler-activity-finder/ to see the live site!

The Toddler Activity Finder is an interactive tool to help parents, caregivers, and educators find perfect activities for toddlers aged 2-3 years. With an extensive database of developmentally appropriate activities, you can quickly filter by skill area, setup time, messiness level, and more to find just the right activity for your toddler's interests and your available time!

✨ Features

• 🔍 Smart filtering system
• ⏱️ Time-based search (quick activities vs. longer projects)
• 🧠 Activities organized by developmental domains
• 🧹 Messiness level indicators
• 📱 Mobile-friendly responsive design
• ♿ Accessibility features for all users
• 🌈 Visually engaging, child-friendly interface

🛠️ Technologies Used

• HTML5
• CSS3 with Flexbox and Grid
• Vanilla JavaScript (ES6+)
• Responsive design principles
• Schema.org structured data for SEO

📦 Installation

No installation required! This is a static website that runs entirely in the browser.

1. Clone the repository

   git clone https://github.com/meimakes/toddler-activity-finder.git

2. Open index.html in your browser

   cd toddler-activity-finder
   open index.html    # On Mac
   # OR
   start index.html   # On Windows

🚀 Usage Guide

   (\ /)
   ( . .)  < "Find an activity in 3 simple steps!"
   c(")(")

1. Choose a skill category (optional)

   • Motor Skills
   • Language & Communication
   • Cognitive Development
   • Sensory Exploration
   • Social & Emotional

2. Apply filters (optional)

   • Activity Length (5 min, 10 min, 15+ min)
   • Setup Time (Quick, Some Prep, Plan Ahead)
   • Messiness Level (Clean, Some Mess, Very Messy)

3. Search by keyword (optional)

   • Type materials you have on hand
   • Enter specific skills you want to develop
   • Search for themes your toddler loves

🎨 Customization

Want to make the Toddler Activity Finder your own? Here are some customization ideas:

1. Add Your Own Activities

   • Open activities.js and add new entries following the existing format
   • Start with ID numbers following the last existing activity

2. Customize the Theme

   • Modify the color scheme in the CSS :root variables
   • Add your own fonts by updating the font-family properties

3. Add New Filters

   • Extend the filter system by adding new categories in the HTML and JS files

🤝 Contributing

Contributions are welcome! Feel free to:

• Add more activities to the database
• Improve the filtering algorithm
• Enhance the UI/UX design
• Fix bugs or optimize performance

Please submit pull requests or open issues to collaborate.

📜 License

This project is open source and available under the MIT License.

👏 Acknowledgments

  ,d88b.d88b,
  88888888888
  `Y8888888Y'
    `Y888Y'
      `Y'    < "Special thanks to all the parents,
               educators, and child development 
               specialists who sharing activity ideas!"

• Inspired by early childhood development principles
• Activity ideas curated from experienced educators and parents
• Built with love for toddlers and their caregivers

Remember: The best toddler activities engage their curiosity, meet them at their developmental level, and most importantly - are FUN! 🎉