stardance has been extended another month! the new deadline is october 31 :)

You are browsing as a guest. Sign up (or log in) to start making projects!

NASA Space Explorer

  • 5 Devlogs
  • 9 Total hours

im gonna fetch all nasa's data mwahaha...

This needs changes before we can consider it shipped. Review the Shipwright feedback, make updates, then ship again.

Shipwright walkthrough

This needs changes before we can consider it shipped. Review the Shipwright feedback, make updates, then ship again.

Shipwright walkthrough

Ship #1 Changes requested

I developed NASA Space Explorer, a comprehensive web dashboard that consolidates a series of NASA Open APIs into a single, user-interactive interface. The application offers a zoomable, high-res view of the APOD or NASA Astronomy Picture of the Day, and live NeoWS or Near-Earth Object Web Service tracking of perihelion distance, velocity, and hazard classification. It also supplies deep-space imagery of the Earth from DSCOVR ‘Earth Polychromatic Imaging Camera’ or EPIC, on a user-defined date, fusing a NASA Image Search over six decades of mission photography anda performance caching back-end to avoid rate limits and speed load time.

The biggest issues encountered were normalization of different JSON payload structures for the many different NASA endpoints, dynamically building date based image URL paths for the EPIC camera feed, and fine tuning rate limits and cache TTLs to ensure a fast responsive application.

Try project → See source code →
Open comments for this post

1h 16m 57s logged

:nasa-large: NASA Image Library Search and Deployment :rocket_animated:

  • Implemented keyword-based querying via the /api/search endpoint to fetch 6 decades of mission photography.

  • Built a search bar component allowing the user to query for images dynamically by keyword.

  • Rendered search results in a responsive grid featuring high-resolution thumbnails, mission titles, centers, and dates.

  • Configured build scripts and deployed the full-stack web app live to Vercel at https://nasaspaceexplorervsm.vercel.app/ Click here to see

2
1
120
Open comments for this post

1h 27m 11s logged

:nasa-large: NASA EPIC Earth Imagery Integration

  • Created @app.route("/api/epic") an endpoint that parses the date parameter and validates input against the YYYY-MM-DD format.

  • Built _fetch_epic_images() to query the EPIC API from NASA and parse the full PNG, including year, month, and day path components.

  • Wrapped raw API calls inside a _cached() helper function with a 24-hour cache TTL to lower redundant external API requests.

  • Added a date selection input with a Show Images button and responsive grid to display all earth images.

0
1
148
Open comments for this post

1h 44m 11s logged

Added Near-Earth Object Asteroid Tracking

  • NASA NeoWs API Integration: Querying NeoWs (Near Earth Object Web Service) REST API to fetch real-time close-approach asteroid telemetry for that day.

  • Real-Time Metrics Parsing: Extracting important astronomical data attributes, including estimated maximum width, velocity, and miss distance.

  • Sorting & Filtering: Manipulating API payloads to dynamically determine hazardous status badges and sort incoming asteroids by nearest distance.

  • Metric UI Components: Created a CSS-styled list view with hazard badges and a starry background overlay

0
1
106
Open comments for this post

1h 8m 11s logged

NASA APOD to Web

  • APOD API Integration: Fetched NASA’s Astronomy Picture of the Day data dynamically to display the latest space image, date, etc.
  • Parallax Scrolling Effect: Implemented multi-layered star parallax scrolling where stars in the background move slowly and smoothly.
  • Shooting Star Animation: Designed a dynamic shooting star animation. This was when I took a little help from AI.
  • Full Image Model: Added a “Full Image” button that opens a full-resolution image.
0
1
98
Open comments for this post

3h 9m 22s logged

NASA Space Explorer Architecture Setup

Frontend Structure

  • User Interface: index.html serves as the entry point for the user in the browser, styled via style.css.
  • Core Logic: main.js handles user interactions, renders NASA data onto the browser, and routes API requests to the backend.

Backend Integration

  • Flask Server: Flask app.py acts as the core app router, exposing endpoints for /api/apod, /api/asteroids, /api/epic and /api/search.

  • nasa_api.py manages external API communication.

0
1
105

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…