A front-end web application that visualizes NASA data through an immersive sci-fi themed interface.

SPLive is an interactive web project that connects to NASA’s public APIs to display real-time space data, including the Astronomy Picture of the Day and Mars rover images. It focuses on UI/UX immersion, combining robust API integration with cinematic animations and interactive web functionality built entirely with JavaScript.

• Astronomy Picture of the Day (APOD)
• Mars Rover image feed
• Date-based browsing

• Random "warp" navigation
• Animated transitions
• Glassmorphism design

• Handles API failures gracefully
• Fallback content system

• HTML5
• CSS3
• JavaScript (ES6+)
• NASA Open APIs

index.html styles.css script.js

1. Open index.html in any modern web browser.

• Async API handling with error recovery
• Interactive UI animations using vanilla JavaScript
• Clean separation of UI logic and state management

• Add more NASA APIs
• Expand interactive functionality and documentation
• Improve performance caching
• Deploy live version

Ahmed Al-Mashraie