APOD Search
Budget: $80 – $130 CAD
App Overview
When a user first visits the site, they are presented with a form asking for a non-future date. With provided date, the app will make a request to the APOD API to retrieve that day's Astronomy Picture of the Day. The Picture of the Day will then be displayed on the page along with the title, date, and explanation. Clicking on the image should open the high definition version of the image.
The user will able to save images as favourites. Favourites images should be stored in local storage and display on the page whenever the user visits the site. Favourite images can also be deleted.
#Resources
To complete this assignment, students will be using the NASA APOD API. Students are encouraged to register for an API Key.
Submit your work in a Git repository named mtm6302-project-2
The assignment should utilize one HTML (index.html), CSS (style.css), and JavaScript (script.js) file, each located at the root of the repository.
Feel free to use a modern CSS Framework like Bootstrap or Foundation, or a CSS reset (reset.css).
You may not use inline events. All DOM events must be handled using Event Listeners.
You may not declare variables with var. Use either const or let.
The use of JavaScript libraries is allowed.
Do not use the XMLHttpRequest object or the jQuery ajax() method. Use the Fetch API for asynchronous operations.
The web application should be responsive.
The web application should not experience any page refreshes.
The web application should include a form that asks the user to input a date.
The web application should asynchronously retrieve and display the Astronomy Picture of the Day using NASA's APOD API and date provided by the user.
The web application should display the APOD image, title, date, and explanation.
The web application should display a high definition version of the APOD image when it is clicked.
The web application should allow the user to save Pictures as favourites, which will be stored to local storage.
The web application should display any saved favourites.
The web application should allow the user to delete any saved Pictures as favourites, which will remove the image from the page and from local storage.
When a user first visits the site, they are presented with a form asking for a non-future date. With provided date, the app will make a request to the APOD API to retrieve that day's Astronomy Picture of the Day. The Picture of the Day will then be displayed on the page along with the title, date, and explanation. Clicking on the image should open the high definition version of the image.
The user will able to save images as favourites. Favourites images should be stored in local storage and display on the page whenever the user visits the site. Favourite images can also be deleted.
#Resources
To complete this assignment, students will be using the NASA APOD API. Students are encouraged to register for an API Key.
Submit your work in a Git repository named mtm6302-project-2
The assignment should utilize one HTML (index.html), CSS (style.css), and JavaScript (script.js) file, each located at the root of the repository.
Feel free to use a modern CSS Framework like Bootstrap or Foundation, or a CSS reset (reset.css).
You may not use inline events. All DOM events must be handled using Event Listeners.
You may not declare variables with var. Use either const or let.
The use of JavaScript libraries is allowed.
Do not use the XMLHttpRequest object or the jQuery ajax() method. Use the Fetch API for asynchronous operations.
The web application should be responsive.
The web application should not experience any page refreshes.
The web application should include a form that asks the user to input a date.
The web application should asynchronously retrieve and display the Astronomy Picture of the Day using NASA's APOD API and date provided by the user.
The web application should display the APOD image, title, date, and explanation.
The web application should display a high definition version of the APOD image when it is clicked.
The web application should allow the user to save Pictures as favourites, which will be stored to local storage.
The web application should display any saved favourites.
The web application should allow the user to delete any saved Pictures as favourites, which will remove the image from the page and from local storage.