Skip to content

Khairul25556/NASA-APOD

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌌 NASA APOD Gallery - JavaScript Project

A dynamic web app that fetches and displays stunning daily space images from NASA’s Astronomy Picture of the Day (APOD) API using vanilla JavaScript. Built with love, stars, and a pinch of async/await. ☄️🚀


📸 Features

  • 🔭 Fetches 10 random images from the NASA APOD API
  • 🧠 Uses fetch() + async/await for API calls
  • 💾 Option to save images to favorites (feature ready to expand)
  • 📱 Responsive card layout using DOM manipulation
  • 🌀 Loader/spinner logic included (optional improvement)
  • 🎨 Fully dynamic HTML elements created with JavaScript

🚀 Technologies Used

  • JavaScript (ES6+)
  • NASA APOD API
  • HTML5
  • CSS3

⚙️ How It Works

  1. On page load, it fetches 10 random APOD images from NASA.
  2. Dynamically creates cards for each image using JavaScript.
  3. Displays:
    • Title
    • Image
    • Description
    • Date
    • Copyright
  4. Each image card includes a link to view the full HD version.

🔑 NASA API Key

This project uses NASA’s demo API key.
You can find the key from here: https://api.nasa.gov/

About

A dynamic web app that fetches and displays stunning daily space images from NASA’s Astronomy Picture of the Day (APOD) API using vanilla JavaScript. Built with love, stars, and a pinch of async/await

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors