Recientemente desarrollé nasa-media, una aplicación web que permite explorar el archivo público de imágenes de la NASA usando la API NASA Image and Video Library. El objetivo del proyecto no fue solo consumir una API, sino transformar una fuente de datos cruda en una experiencia limpia, usable y amigable para el usuario.

Acerca de la API NASA Image and Video Library: NASA ofrece una API pública que da acceso a misiones históricas, imágenes de exploración planetaria, archivos lunares de las misiones Apollo, imágenes de la Estación Espacial Internacional, los rovers de Marte y medios astronómicos. El endpoint principal utilizado en este proyecto permitió realizar búsquedas ricas y obtener metadatos extensos para cada recurso.

Tecnologías empleadas: React para la interfaz, Fetch API para llamadas HTTP, CSS con flexbox para un diseño responsivo, React Router para la navegación y animaciones Lottie para mejorar la experiencia visual. La arquitectura buscó equilibrar rendimiento y claridad, manteniendo un código modular y fácil de mantener.

Objetivos del proyecto: facilitar la exploración de grandes archivos, mantener la interfaz legible pese a descripciones largas, ofrecer una búsqueda rápida e intuitiva, asegurar compatibilidad en escritorio y móvil y preservar la claridad y el rendimiento incluso con paginación y grandes volúmenes de resultados.

Características principales: 1) Sistema de búsqueda que acepta términos como Moon, Apollo, Mars, ISS o cualquier palabra clave relacionada con la NASA y reinicia la paginación con cada búsqueda para resultados coherentes. 2) Resultados paginados gestionados en el cliente con navegación siguiente y anterior, detección de páginas restantes y desplazamiento automático hacia arriba al cambiar de página para una experiencia fluida. 3) Tarjetas de imagen enriquecidas que muestran la imagen, el título oficial de la NASA y la descripción completa del archivo, siempre visibles para que el usuario entienda el contexto sin clics adicionales. 4) Mejoras de UX: desplazamiento suave entre páginas, diseño responsivo para pantallas pequeñas, apertura de imágenes en alta resolución al pulsar, descripción clara de uso y cierre automático del menú de navegación en móvil.

Lecciones aprendidas: trabajar con APIs públicas reales enseña a manejar inconsistencias y campos faltantes, diseñar interfaces pensando en contenido de formato largo, mejorar la experiencia sin complicar la interfaz y gestionar estado y paginación de forma limpia en React. También reafirma que una buena UX importa tanto como un código limpio cuando se trata de grandes conjuntos de datos.

Posibles mejoras futuras: páginas de detalle basadas en rutas para cada imagen, lazy loading de imágenes, optimizaciones SEO para las páginas de archivo, filtros por tipo de medio o por centro de la NASA, y loaders tipo skeleton para mejorar la percepción de rendimiento.

En Q2BSTUDIO, empresa especializada en desarrollo de software y aplicaciones a medida, transformamos ideas en soluciones digitales que combinan diseño, rendimiento y seguridad. Ofrecemos servicios de software a medida y desarrollo de aplicaciones a medida que se adaptan a las necesidades de cada cliente. Si buscas crear una plataforma web o mobile escalable y mantenible, descubre nuestras capacidades en desarrollo de aplicaciones y software multiplataforma.

Nuestras competencias incluyen inteligencia artificial aplicada a empresas, agentes IA, servicios de ciberseguridad y pentesting, servicios cloud aws y azure, y soluciones de inteligencia de negocio como power bi. Integramos IA para empresas, automatizamos procesos y desplegamos arquitecturas seguras en la nube para garantizar disponibilidad y cumplimiento de requisitos regulatorios.

Si te interesa cómo combinar datos abiertos con un diseño centrado en el usuario o cómo aplicar inteligencia artificial y agentes IA para enriquecer experiencias, en Q2BSTUDIO podemos ayudarte a escalar soluciones desde prototipos hasta productos industriales. Para explorar nuestras soluciones de IA visita servicios de inteligencia artificial.

Reflexión final: nasa-media es un proyecto personal que refleja una forma de trabajar basada en UI limpia, propósito claro y presentación de datos significativa. Si te interesa trabajar con APIs públicas, datos abiertos o mejorar la experiencia frontend, te animamos a explorar las APIs de la NASA y considerar cómo una solución a medida puede potenciar la visualización y el valor de grandes archivos de datos.

Te invitamos a compartir feedback o ideas de mejora; en Q2BSTUDIO valoramos la colaboración para crear soluciones a medida, seguras y orientadas a resultados usando tecnologías cloud, inteligencia de negocio y métodos de ciberseguridad modernos.