This is a simple, modern frontend project that fetches and displays the daily Astronomy Picture of the Day (APOD) from NASA's public API. It supports dark/light themes, responsive layout, and a popup with project information.
👉 https://your-vercel-url.vercel.app
- 📷 Displays NASA's image or video of the day
- 📆 Shows title, date, explanation and copyright
- 🌗 Manual theme toggle (light/dark)
- ℹ️ Informational popup with project details
- 📱 Responsive layout (mobile & desktop)
- ✅ Scrollbar and dialog styling that adapts to theme
- Semantic HTML5
- Modern CSS with variables
- Vanilla JavaScript (ES6 modules)
- NASA APOD API
- Native
<dialog>element - Responsive design without frameworks
You must use a local server (not just open the HTML file directly), because JavaScript modules and API fetches require it.
- Open the project folder in Visual Studio Code
- Install the extension: Live Server by Ritwick Dey
- Right-click
index.html→Open with Live Server - App runs on:
http://localhost:5500
# In the project root folder
python -m http.server