---
title: "☄️ Another APOD Viewer"
description: "Simple application for viewing NASA's Astronomy Picture of the Day"
canonical_url: "https://tcastanie.dev/en/portfolio/another-apod-viewer"
---

> Index of every page on this site: [llms.txt](https://tcastanie.dev/llms.txt)

# ☄️ Another APOD Viewer

Simple application for viewing NASA's Astronomy Picture of the Day

<card-group>
<card icon="i-mingcute-link-line" title="Another APOD viewer" to="https://apod.tcastanie.dev/" target="_blank">

apod.tcastanie.dev

</card>

<card icon="i-mingcute-github-line" title="Source code" to="https://github.com/tcastanie/another-apod-viewer" target="_blank">

tcastanie/another-apod-viewer

</card>

<card icon="i-mingcute-tool-line" title="Tech stack">
<field-group>
<field name="v2" type="current">
<badge color="neutral" variant="outline">
<icon name="i-simple-icons-nuxt">



</icon>

 Nuxt

</badge>

<badge color="neutral" variant="outline">
<icon name="i-simple-icons-vuedotjs">



</icon>

 Vue.js

</badge>

<badge color="neutral" variant="outline">
<icon name="i-simple-icons-tailwindcss">



</icon>

 Tailwind

</badge>
</field>

<field name="v1" type="">
<badge color="neutral" variant="outline">
<icon name="i-simple-icons-nuxt">



</icon>

 Nuxt

</badge>

<badge color="neutral" variant="outline">
<icon name="i-simple-icons-vuedotjs">



</icon>

 Vue.js

</badge>

<badge color="neutral" variant="outline">
<icon name="i-simple-icons-sass">



</icon>

 Sass

</badge>

<badge color="neutral" variant="outline">
<icon name="i-simple-icons-pinia">



</icon>

 Pinia

</badge>

<badge color="neutral" variant="outline">
<icon name="i-simple-icons-vitest">



</icon>

 Vitest

</badge>
</field>
</field-group>
</card>

<card icon="i-mingcute-calendar-2-line" title="Deployment">
<field-group>
<field name="v2" type="current">

June 2024

</field>

<field name="v1" type="">

August 2022

</field>
</field-group>
</card>
</card-group>

Personal project to improve my skills with Vue, its ecosystem, and everything else. Primarily Vue 3 and the Composition API, Vite, Pinia, Vitest... all of this ready to use in a developer-friendly environment.

**v2:** Complete refactoring with Nuxt, Nuxt UI and creation of a proxy with Nitro for the NASA API.

## Origin

<card icon="i-mingcute-planet-fill" title="NASA Astronomy Picture of the Day" to="https://apod.nasa.gov/">



</card>

## Sitemap

See the full [sitemap](https://tcastanie.dev/sitemap.md) for all pages.