An APOD Web App linked with NASA's API

Celestial Snapshots is an app that allows users to fetch various Astronomy Pictures of the Day using fetch calls linked to NASA's very own API. Built to test repeatable CSS animations in tandem with API fetches.

Website

How It's Made:

Tech used:

Optimizations

• Establish integration for APOD videos.
• Add sliders to move back and forth between dates.
• Enable mobile-friendly viewports.

Lessons Learned:

• HTML

  • Element structuring for animated backgrounds

• CSS

  • Gradient transitions
  • Text strokes
  • Animations and adjacent keyframes

• JavaScript

  • Element fills using API integration
  • Class toggling to refresh CSS animations on repeat fetch calls