CosmoDive is an interactive 3D educational web experience in Arabic that allows users to explore space in a unique way. Instead of measuring distance, the journey focuses on light-time travel. As the user scrolls, they simulate moving along a beam of light from the Sun, encountering planets and celestial objects based on their light-time distance.
Make space exploration fun and engaging in Arabic. Encourage scientific curiosity among students and young learners. Provide a unique educational tool that combines science, interaction, and play.
Ebtehal Alzahrani
Sultana Zagzoog
Renad Alghamdi
Frontend: Tailwind CSS
3D & Animations: Three.js, @react-three/fiber, WebGL
Backend: Node.js, Express (for NASA API proxy & chatbot endpoint)
APIs: NASA API for planetary/celestial data
1- Clone the repository:
git clone https://github.com/EbtehalAlzahrani/SpaceThon.git
cd CosmoDive2- Install dependencies:
npm install3- Start the frontend:
npm run dev4- Start the backend (NASA proxy & chatbot):
cd backend
node server.js