APoD
Astronomy Picture of the Day
This project is a web application built around the NASA Astronomy Picture of the Day (APOD) API. It allows users to explore daily astronomy images published by NASA, browse past dates, and curate a personal collection of favorite images. The goal of this project was to strengthen understanding of API integration, asynchronous data handling, and state management while building a clean, modern user interface.
View Live ›Problem
Astronomy content from NASA APOD is highly engaging but is typically consumed in a linear, single-day format on the official site. There is limited personalization or the ability to revisit or organize past discoveries.
Approach
Built a web app using the NASA API with date-based fetching, dynamic UI rendering, and a localStorage-powered favorites system. Added modal views for image display and a gallery for saved images.
Result
Users can explore astronomy images by date, save and remove favorites, and view them anytime. The app transforms a static API into an interactive, personalized experience with a clean UI.
The app lets users explore astronomy images by date using the NASA APOD API, save favorites, and manage a personal gallery. Favorites are stored using localStorage for persistence across sessions. The UI is clean and immersive, keeping the focus on NASA's imagery while ensuring smooth and intuitive interaction.
The style guide defines a dark, space-inspired design system that
highlights NASA imagery with strong contrast and minimal UI elements.
Warm yellow accents draw attention to key interactions, while bold
typography and clean spacing maintain clarity and hierarchy.
Overall, the design focuses on an immersive, distraction-free
experience where visuals take priority and the interface remains
subtle and supportive.
Overall, the project demonstrates how a static data source like the NASA APOD API can be transformed into a fully interactive and engaging web experience through thoughtful frontend development. By combining dynamic API integration, client-side state management, and a clean, space-inspired UI, the application delivers a smooth and immersive user experience.
