🌌 Inspiration
The vastness of the universe has always fascinated humanity — but space education often feels overwhelming, especially for students. We wanted to build something fun, interactive, and engaging that makes learning about space feel like an adventure.
That’s how CosmoQuest was born — a gamified learning platform that transforms boring facts into cosmic missions, quizzes, and simulations.
🚀 What It Does
CosmoQuest – Your Journey Through the Universe is an interactive space-themed platform where users explore an animated Stellar Map, choose planets (topics), and complete missions to learn about:
- Black holes, planets, orbits, and galaxies
- Rocket physics through simulators
- Space science via short, curated learning modules
Users earn astronaut badges, level up ranks, and even interact with an AI AstroBot to ask astronomy-related questions. It’s part game, part learning platform — all wrapped in a cosmic interface.
🛠 How We Built It
- Frontend: Built using React and TailwindCSS for a responsive, animated user interface
- Backend: Integrated Firebase for authentication, user progress, and quiz data
- Animations: Used Framer Motion for smooth transitions and spacey effects
- Quiz Engine: Created a dynamic quiz system with local and cloud-based scoring
- Hosting: Deployed using Vercel with CI/CD from GitHub
- Optional AI (Coming Soon): AstroBot powered by OpenAI API for question-answering
🧗 Challenges We Ran Into
- Creating a Stellar Map UI that was both intuitive and visually appealing
- Balancing education and engagement without overwhelming the user
- Designing responsive, smooth animations across devices
- Implementing Firebase read/write rules for real-time progress without bugs
🏆 Accomplishments That We're Proud Of
- Completed an end-to-end, animated space education platform in a short timeframe
- Created simulations and interactive quizzes that actually teach and entertain
- Designed a beautiful and immersive space theme UI
- Built a modular system that can easily scale with more topics or planets
📚 What We Learned
- Effective use of gamification can dramatically improve learning retention
- Firebase is great for quick, scalable user data handling
- Animations like parallax, scroll-based reveals, and card flipping enhance UX
- Writing for young audiences requires clarity, creativity, and simplicity
🚀 What's Next for CosmoQuest
- 🎙 Add voice interaction to AstroBot
- 🧪 Introduce real-time space data via APIs (e.g., NASA, ISS trackers)
- 🌍 Localized missions: Customize planets for different age groups or countries
- 🎮 Multiplayer Mode: Friends can join each other on a co-op space mission
- 🪐 Add 20+ new planets/modules covering topics from quantum physics to space history
Built With
- chart.js
- css3
- framermotion
- github
- html5
- javascript
- openapi
- react
- supabase
- tailwind
- vercel
- visual-studio
- vite
Log in or sign up for Devpost to join the conversation.