spacetagram Svelte Themes

Spacetagram

Instagram-style single page web app that searches and displays images from NASA's Astronomy Picture of the Day API. Made with Svelte JS (ES6 Javascript) and Django (Python).

Spacetagram

https://www.spacetagram.io

Instagram-style single page web app that searches and displays images from NASA's Astronomy Picture of the Day API. Made with Svelte JS (ES6 Javascript) and Django (Python).

Spacetagram on iPhone screenshot

Features include:

  • Likeable/unlikeable images with animated heart icon which persist after closing/reloading window (via local storage)
  • Shareable links to high-res images via email
  • Toggle between random images or by date range (up to 10 images at a time)
  • Play embedded videos from Youtube/Vimeo in window or fullscreen mode
  • A+ security rating from https://observatory.mozilla.org
Mozilla Observatory Score screenshot

Fewer than 1% websites test get an A+ rating, for more info see:
https://blog.mozilla.org/security/2018/02/28/analysis-alexa-top-1m-sites-2/

Svelte JS source:
https://github.com/DrCBeatz/spacetagram/tree/main/spacetagram-svelte

This projects uses a custom fork of Svelte JS which I modified/compiled to allow built-in transitions and animations under a strict Content Security Policy without inline styles:
https://github.com/DrCBeatz/svelte/tree/svelte-styles-csp

Here are some tests (for the Django server):
https://github.com/DrCBeatz/spacetagram/blob/main/mysite/spacetagram/tests.py

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes