Daily Astro Pictures banner

Daily Astro Pictures

4 devlogs
6h 9m 41s

Daily Astro Pictures is a PWA that lets you discover new, beautiful space photos every day and save them to your photo album. It retrieves the day’s space photos via NASA’s APOD API.

This project uses AI

GitHub Copilot for code completion, commit message, refactoring and small bug fixes.

kr4phy

Shipped this project!

Hours: 6.16
Cookies: 🍪 45
Multiplier: 7.34 cookies/hr

This is a PWA that displays a new space photo every day via NASA’s APOD API. In addition to viewing the space photo of the day, you can browse photos from other dates, and you can star your favorite photos or download them to your browser cache or as local files. Each image is cached for 7 days by default, and images you have explicitly saved are stored in the cache indefinitely. To minimize API key calls, the results of each call are stored in local storage; however, if you exceed the demo key’s limits, you must set up your own API key. You can request an API key at https://api.nasa.gov.

kr4phy

Finally implemented all required features. You can install this app and download beautiful astro pictures. And all images all stored in cache, so you can see it up to 7 days even in offline. By storing image at your browser using download button, you can see image offline without time limit(unless you clear all browser’s cache storage).

Attachment
0
kr4phy

I added a few new pages and implemented a feature that allows users to view the APOD for a specific date or a random date. I added error handling to the API call code and configured the system to display a toast message on the Settings page prompting users to set an API key if the DEMO KEY usage limit is exceeded. Now I need to implement a feature to securely store the API key.

Attachment
0
kr4phy

I migrated to the Nuxt framework and changed the UI framework from DaisyUI to Nuxt UI. I also renamed some pages and defined the basic UI structure.

Attachment
0
kr4phy

Initialized project with PWA setup, routing, and basic components. Implemented index page’s UI with dummy data.

Attachment
0