Skip to content

Conversation

@Jopen-89
Copy link

Descripción

Aplicación construida con Express y conectada a la API de Spotify, que permite buscar artistas, mostrar sus álbumes y listar los tracks de un álbum. En la vista de tracks se incluye un reproductor con el preview de cada canción.

Cambios realizados

  • Configuración de entorno con dotenv y creación del archivo .env para ocultar las claves de la API de Spotify.
  • Configuración de la aplicación Express:
    • Motor de plantillas Handlebars (hbs).
    • Carpeta de vistas (/views) y carpeta de archivos estáticos (/public).
  • Creación de la estructura de carpetas y archivos:
    • Vistas: layout.hbs, index.hbs, artist-search-results.hbs, albums.hbs, tracks.hbs.
  • Integración del cliente spotify-web-api-node siguiendo la guía oficial de npm.
  • Implementación de rutas con peticiones GET en Express:
    • / → página principal con formulario de búsqueda de artista.
    • /artist-search → muestra los resultados de búsqueda de artistas.
    • /albums/:artistId → lista de álbumes del artista seleccionado.
    • /tracks/:albumId → lista de canciones de un álbum, con preview de audio si está disponible.
  • Consulta y análisis de las respuestas de la API de Spotify (data.body) para mapear la información en las vistas dinámicas con Handlebars.
  • Apertura del puerto con app.listen.

Comprobación

  • Ejecución del servidor con nodemon app.js.
  • Verificación en navegador:
    • / → formulario de búsqueda de artista.
    • /artist-search → listado de artistas devuelto por la API.
    • /albums/:artistId → listado de álbumes del artista seleccionado.
    • /tracks/:albumId → listado de canciones con reproductor de preview.
  • Revisión de que los archivos estáticos (CSS/JS) se sirven correctamente desde /public.
  • Comprobación de que la navegación entre vistas es correcta y el renderizado dinámico funciona en todas

@stale
Copy link

stale bot commented Oct 20, 2025

This pull request has been automatically marked as stale because it didn't have any recent activity. It will be closed if no further activity occurs. Thank you.

@stale stale bot added the stale label Oct 20, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant