A simple web app made to explore NASA's repository of daily featured images/videos through their APOD API.
This project was inspired by the NASA APOD project by the 100Devs agency and created as an exercise in building web apps sans any major frontend libraries. The layout was designed mobile-first with minimal Javascript manipulation to adjust the elements for desktop viewports. All animations and actions were written in vanilla HTML/CSS/JS.
Users can save favorite images by tapping the heart icon. These are currently stored using the LocalStorage API for persistence across browser sessions. To rearrange the layout for mobile vs. desktop viewports, the Javascript sets up an event listener for 'resize' events and moves around components as necessary.
The project is hosted live at: https://suds-apod.netlify.app/
- Full calendar picker to navigate to any picture of the day.
- Favorite button to easily save pictures you like.
- Support for displaying multiple media types.
- Adding a "share" button with custom links to pictures!
- Support for keyboard navigation
- Support for mobile gestures
- Tapping image to open in full-sized modal for better viewing experience.
- Calendar icon from Freepik - Flaticon
- Date picker by MCDatePicker