Skip to content

larissealves/nasa_api

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌌 NASA Astronomy Picture of the Day (APOD)

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.


🚀 Live Demo

👉 https://your-vercel-url.vercel.app


🖼️ Features

  • 📷 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

🔧 Technologies

  • Semantic HTML5
  • Modern CSS with variables
  • Vanilla JavaScript (ES6 modules)
  • NASA APOD API
  • Native <dialog> element
  • Responsive design without frameworks

🛠 How to Run Locally

You must use a local server (not just open the HTML file directly), because JavaScript modules and API fetches require it.

Option 1: Using VS Code + Live Server plugin

  1. Open the project folder in Visual Studio Code
  2. Install the extension: Live Server by Ritwick Dey
  3. Right-click index.htmlOpen with Live Server
  4. App runs on: http://localhost:5500

Option 2: Using Python (if installed)

# In the project root folder
python -m http.server

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors