Spacestagram

Spacestagram is a website which shares photos from NASA's Astronomy Picture of the Day (APOD) image API.

It was built for Shopify's Front End Developer Intern Challenge - Summer 2022.

Extras

Some things I did on top of the technical requirements to create a better user experience:

• Explore page.
• Infinite scroll.
• Loading skeletons.
• Mobile-first design.
• Toggleable dark theme.
• Shareable links.
• Like animation (double tap the image to see it!)
• Caching with IndexedDB.
• Error handling when NASA API fails to respond. (Added 28 Jan. 2022)
• Deployed my own version of the APOD API on Deno Deploy (Added 2 Feb. 2022)

Screenshots

Mobile

Desktop

Loading skeletons

Like animation

Building locally

Get a free API key for NASA's Open API. Clone the repo, and set the key as an environment variable named API_KEY or create a .env file in the root of the project with the following content:

API_KEY=<Your API key>

Then, build the project with:

npm install
npm run build

You can run the development server with:

npm run dev