🚀 Project Story: AstroKids 🌟 Inspiration As a student passionate about both space science and technology, I wanted to create something that would make space education fun, simple, and interactive for children. I noticed that many educational sites are either too complex for kids or lack engagement. That inspired me to build AstroKids — a visual and playful platform to explore planets and space facts in a child-friendly way.
🛠️ How I Built It Frontend: Pure HTML, CSS, and JavaScript with no external frameworks.
Designed a responsive UI with bright, engaging colors and custom animations.
Implemented a planet flyby animation, interactive modals, and a space adventure mode that randomly picks a planet and makes it "fly" across the screen.
Added real NASA images, detailed facts (distance, size, temperature), and fun trivia in kid-friendly language.
Created starry backgrounds using CSS animations to simulate a space environment.
📚 What I Learned Improved my JavaScript DOM manipulation and event handling skills.
Learned how to make animations smoother and improve user experience without heavy libraries.
Gained experience in designing educational tools and presenting scientific data to a younger audience.
⚠️ Challenges Making the site both informative and fun without overwhelming kids.
Creating animations that work smoothly across devices.
Balancing visual design with accessibility and performance.
🌈 What's Next? Add quizzes, interactive games like "Build a Rocket", and voice narration for non-readers.
Expand to cover moons, comets, stars, and basic astronomy concepts.
Translate content into multiple languages to reach more children globally.
Log in or sign up for Devpost to join the conversation.