https://github.com/boobeh123/apod-nasa

A web application that takes in a date (mm-dd-yyyy) & displays an image from that day - Mobile-Friendly! - Live on Github Pages / Link in repo
https://github.com/boobeh123/apod-nasa

css3 fetch-api html5 javascript

Last synced: 5 days ago
JSON representation

A web application that takes in a date (mm-dd-yyyy) & displays an image from that day - Mobile-Friendly! - Live on Github Pages / Link in repo

• Host: GitHub
• URL: https://github.com/boobeh123/apod-nasa
• Owner: boobeh123
• Created: 2022-05-12T21:55:23.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2023-01-10T00:27:41.000Z (almost 2 years ago)
• Last Synced: 2023-03-04T11:18:47.608Z (over 1 year ago)
• Topics: css3, fetch-api, html5, javascript
• Language: CSS
• Homepage: https://boobeh123.github.io/APOD-NASA/
• Size: 2.75 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Description

This web application fetches from the NASA Picture-of-the-Day API. First select any date to return a name, image or video, and description.

## Demo

![demogif](NASAAPODdemo.gif)

## Features

* Accepts a date (Month/Day/Year)

* Displays the information onto the page

* Supports video (February 9th, 2021 date with video)

## Technologies



## Optimitzation

* Use background property to display image (image displays w/ img element)

* Add a "generate random date" button

* Allow users to enter their birthday and display a carousel of images starting from birth-day/year to the current birth-day/year.

## What did you learn?

* HTML: iframe tag

* JavaScript: Token authentication

## Source:

https://api.nasa.gov/