NASA Astronomy Picture of the Day

NASA Astronomy Picture of the Day (APOD) is a frontend project that displays the daily astronomical image provided by NASA's public API.

The website fetches data from the APOD API using modern JavaScript (ES6+) and dynamically renders:

• The image or video of the day
• Title, date, and scientific explanation
• Copyright information (if available)

The design is fully responsive and supports light and dark themes, which users can toggle manually.

Technologies used:

• Semantic HTML5
• Modern CSS (with custom properties and transitions)
• Vanilla JavaScript (fetch API, ES modules)
• Native HTML5 <dialog> element

🚀 How to run this project locally

Because this project uses JavaScript modules and fetches data from an API, it must be run via a local server (not opened as a file://).

Recommended setup (VS Code):

• Open the project folder in Visual Studio Code
• Install the extension Live Server by Ritwick Dey
• Right-click on index.html and select "Open with Live Server"

This will open the project in your browser at http://localhost:5500 or similar, and you'll be able to test it correctly.