Description

This web application is a static webpage that interacts with NASA's API, receives data, and stores the data locally. Click the generate image button to view NASA's photo from that day.

Demo

Features

• Static webpage deployed with GitHub
• Responsive to mobile viewports
• Database (localStorage)
• Stateloaders
• Error handling & messages

Technologies

Optimitzation

• Add fallback images if the NASA API is unavailable
• Improve the mobile responsiveness of the reel
• Optimize image loading and caching
• Add error boundaries for failed image loads
• Add a search/filter function for the reel
• Show image metadata (resolution, file size, etc.)

What did you learn?

• HTML: iframe tag, semantics-added a header/main/footer vs one div.
• JavaScript: Token authentication, using an object to store fetched data as properties, using localStorage as a database, error handling & displaying an error message when bugs arise.

Source:

https://api.nasa.gov/