Space Odyssey
An immersive, interactive web experience that lets users explore space through real-time data, animated storytelling, and stunning visuals using multiple public space APIs.
Tech Stack :


Space Odyssey is an immersive, interactive web experience that allows users to explore space through real-time data, animated storytelling, and rich visuals. The project blends education with exploration using modern web technologies and public space APIs.
π Features
β¨ Animated Landing Experience
- Smooth, cinematic animations powered by Framer Motion
- Dark, space-themed UI for an engaging first impression
πͺ Explore Worlds
- π° Space News β Live articles from the Spaceflight News API
- πΌ Picture Paradise β NASA APOD, Mars Rover photos, NASA Image Library
- π Space Facts β Solar system data from Le SystΓ¨me Solaire API
- π¨βπ Who Is In Space? β Live astronaut tracking via Open Notify
- π° Track the ISS β Real-time ISS location with interactive maps
π Tech Stack
| Category | Tools |
|---|---|
| Framework | Next.js 13 |
| UI | React, Tailwind CSS |
| Animation | Framer Motion |
| 3D / Visuals | Three.js, @react-three/fiber |
| Maps | Leaflet, React-Leaflet |
| APIs | NASA APIs, Spaceflight News API, Open Notify, WhereTheISS.at, Le Système Solaire API |
