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.

Space Odyssey
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

CategoryTools
FrameworkNext.js 13
UIReact, Tailwind CSS
AnimationFramer Motion
3D / VisualsThree.js, @react-three/fiber
MapsLeaflet, React-Leaflet
APIsNASA APIs, Spaceflight News API, Open Notify, WhereTheISS.at, Le Système Solaire API