Web Design
Astronomy Picture of the Day
Capstone Project for Web Development III – a web application allowing users to request and save astronomy pictures by date.
Year :
2024
Industry :
N/A
Client :
N/A
Project Duration :
5 Weeks
Overview
New visitors to the site will see a default image corresponding to the current date. When a date is chosen from the form, the program will send a request to the APOD API to fetch the Astronomy Picture for that specific day. The Picture of the Day will then be displayed on the page along with the title, date, and description.
Users are also able to view the high definition version of the photo, save images as favorites – favorites will automatically be saved in the browser’s local storage and be displayed whenever the user visits the website. Users are also able to delete certain item if it doesn’t interests them anymore.
Source: APOD Search (IMDAC)
Scope of Work
Responsive Web Design: Developed an adaptable layout using HTML and CSS to ensure the site functions seamlessly across devices of various screens.
JavaScript functionalities: Implemented key interactive features to enhance user experience.
Key Features
Search date input is default to current date on page load.
Fetching data from the Astronomy picture of the Day API for user-specified or default (current) date.
When date is validated, it displays the image, title, description and attribution for APOD.
If the date has no picture, a default NASA logo will be displayedThe APOD image will be clickable - a modal opens to display the high definition version of the image.
Add the current APOD data to the favorites list.
Once added, the 'favorites' item will be rendered as a card showing the title, thumbnail and a delete button.
The delete button enables the user to remove the item and update the display
Save the favorite list to localStorage for data persistence across page reloads.
Load the favorites list from localStorage on page load.
More Projects
Web Design
Astronomy Picture of the Day
Capstone Project for Web Development III – a web application allowing users to request and save astronomy pictures by date.
Year :
2024
Industry :
N/A
Client :
N/A
Project Duration :
5 Weeks
Overview
New visitors to the site will see a default image corresponding to the current date. When a date is chosen from the form, the program will send a request to the APOD API to fetch the Astronomy Picture for that specific day. The Picture of the Day will then be displayed on the page along with the title, date, and description.
Users are also able to view the high definition version of the photo, save images as favorites – favorites will automatically be saved in the browser’s local storage and be displayed whenever the user visits the website. Users are also able to delete certain item if it doesn’t interests them anymore.
Source: APOD Search (IMDAC)
Scope of Work
Responsive Web Design: Developed an adaptable layout using HTML and CSS to ensure the site functions seamlessly across devices of various screens.
JavaScript functionalities: Implemented key interactive features to enhance user experience.
Key Features
Search date input is default to current date on page load.
Fetching data from the Astronomy picture of the Day API for user-specified or default (current) date.
When date is validated, it displays the image, title, description and attribution for APOD.
If the date has no picture, a default NASA logo will be displayedThe APOD image will be clickable - a modal opens to display the high definition version of the image.
Add the current APOD data to the favorites list.
Once added, the 'favorites' item will be rendered as a card showing the title, thumbnail and a delete button.
The delete button enables the user to remove the item and update the display
Save the favorite list to localStorage for data persistence across page reloads.
Load the favorites list from localStorage on page load.
More Projects
Web Design
Astronomy Picture of the Day
Capstone Project for Web Development III – a web application allowing users to request and save astronomy pictures by date.
Year :
2024
Industry :
N/A
Client :
N/A
Project Duration :
5 Weeks
Overview
New visitors to the site will see a default image corresponding to the current date. When a date is chosen from the form, the program will send a request to the APOD API to fetch the Astronomy Picture for that specific day. The Picture of the Day will then be displayed on the page along with the title, date, and description.
Users are also able to view the high definition version of the photo, save images as favorites – favorites will automatically be saved in the browser’s local storage and be displayed whenever the user visits the website. Users are also able to delete certain item if it doesn’t interests them anymore.
Source: APOD Search (IMDAC)
Scope of Work
Responsive Web Design: Developed an adaptable layout using HTML and CSS to ensure the site functions seamlessly across devices of various screens.
JavaScript functionalities: Implemented key interactive features to enhance user experience.
Key Features
Search date input is default to current date on page load.
Fetching data from the Astronomy picture of the Day API for user-specified or default (current) date.
When date is validated, it displays the image, title, description and attribution for APOD.
If the date has no picture, a default NASA logo will be displayedThe APOD image will be clickable - a modal opens to display the high definition version of the image.
Add the current APOD data to the favorites list.
Once added, the 'favorites' item will be rendered as a card showing the title, thumbnail and a delete button.
The delete button enables the user to remove the item and update the display
Save the favorite list to localStorage for data persistence across page reloads.
Load the favorites list from localStorage on page load.