We took seriously the desire to expose students to not only the information but also the wonder of space, and the window on the world provided by the Cupola and the microgravity training of NBL allowed us to bring the NASA experience to classrooms around the globe.
CupolaGate is an interactive, AI-based simulation webpage educating users about the ISS Cupola and the NBL. It combines:
Explore in 3D as a simulation.
Chatbot guidance for learning support.
Gamified levels teach the science through narrative.
Zoomable 3D Earth and digital certificates reward making discoveries.
CupolaGate was built using Next.js (TypeScript) , tailwind and MongoDB and included an AI chat and dashboards. Each of the levels was scripted to be both a story and a science lesson. By utilizing visual design tools, we were able to simulate space missions and take players from launch through learning.
Making complex space science easy and engaging for students.
Maintaining balance between accurate simulation and web performance.
Building a chatbot that appears human-like and helpful.
Model connections between images, sound and scripts.
An interactive experience was created from the ground-up.
Making scientific concepts, such as NBL training or the Cupola observation, fun and accessible.
Building teamwork - from writing, design, coding, to AI implementation.
Making space education active and relevant.
Where to find STEM storytelling educational resources.
The power of simulation in building real understanding.
It is about collaboration, design thinking and feedback loops bringing your idea to life.
Partnering with schools and space education programs.
Additional missions and world maps for real-time training exercises.
CupolaGate seeks to be a global platform for students on space, science and connecting with one another.
Built With
- axios
- clerk
- express.js
- framer-motion
- gsap
- gt-next
- matter-js
- mongodb
- next.js
- tailwind
- three.js
- typescript
Log in or sign up for Devpost to join the conversation.