An interactive web dashboard that brings the wonder of outer space to your screen using the NASA Astronomy Picture of the Day (APOD) API. This project displays daily space photography or videography alongside precise temporal context, custom-built for performance and aesthetic depth.
- Live Tech Clock & Date: A massive, high-contrast digital clock tracking time precisely alongside an international standard current date display.
- NASA Media Integration: Dynamic rendering of NASA's daily assets, including images, videos, and embedded YouTube videos via responsive frames.
- Dynamic Image Metadata: Automated calculation showing the exact recording date and the absolute age of the cosmic picture (calculated in days or years).
- Custom-Tailored Interface: Fully optimized glassmorphism container overlaying a deep-space background, styled with specialized typography (Orbitron and Space Grotesk) and an intelligent dynamic scroll system for long textual explanations.
- Resilient Error Handling: Built-in network guard rails capable of intercepting API structural anomalies and upstream server timeouts gracefully.
You can explore the live deployment of this project directly in your browser: https://siryanni.github.io/breath/
- Vite
- JavaScript (ES6+)
- CSS3 (Custom Properties, Mobile-Responsive Queries)
- HTML5
- NASA Planetary APOD API
- Clone the repository to your local system.
- Install the necessary project dependencies:
npm install