Solar Explorer

Objetivo

Aplicación web educativa, solo frontend, que permite explorar un modelo a escala del sistema solar renderizado proceduralmente. La navegación va del Sol hasta la Voyager 1 y la interfaz es bilingüe (español/inglés). El proyecto demuestra cómo crear una experiencia astronómica interactiva y visualmente atractiva sin depender de imágenes pre-renderizadas: todos los cuerpos celestes y naves se dibujan en tiempo real sobre canvas.

Cómo funciona

1. Modo lineal Vista de scroll vertical que recorre el sistema solar a escala, con seguimiento de distancia y datos contextuales de cada cuerpo a medida que aparece.
2. Modo elipse Mapa orbital que muestra el movimiento de los cuerpos en tiempo real, con velocidad ajustable (1×/2×/5×) para observar la mecánica celeste.
3. Modo misión Reproduce sobre el mapa orbital las trayectorias históricas de naves espaciales, recreando sus viajes a lo largo del sistema solar.
4. Renderizado procedural Todos los cuerpos celestes y naves se dibujan sobre canvas con Phaser 4 — sin imágenes pre-renderizadas. Los elementos son clicables y muestran información educativa.

Arquitectura

El repositorio es un monorepo con dos paquetes: el frontend (aplicación Astro + Phaser) y la infraestructura (stack de hosting en AWS CDK). El desarrollo sigue prácticas guiadas por pruebas (TDD) con Vitest y jsdom, y separación estricta de responsabilidades. El despliegue está automatizado con GitHub Actions, que corre los tests antes de hacer el build y publicar en S3 servido por CloudFront.

Servicios AWS

• S3 Almacenamiento del sitio estático generado por Astro
• CloudFront CDN para distribución global del contenido
• ACM Certificado TLS para HTTPS
• Route 53 DNS y enrutamiento del dominio
• CloudFormation / CDK Infraestructura como código en TypeScript
• GitHub Actions CI/CD: corre tests, build y despliegue automatizado

Stack