Spotify User Info with Api

Contenido

• Spotify User Info with Api
  • Contenido
  • Descripción
  • Herramientas
  • Instalación
  • Credenciales
  • Configuración
  • Desplegar App
• Social Media

Descripción

Esta práctica está realizada con el fín de aprender a obtener y manejar datos de una Api haciendo el uso del lenguaje JavaScript. Con respecto al diseño web pues es meramente HTML y CSS básico, bajo el apoyo del Framework PicoCss para evitar estilar, ya que la parte que nos interesa es el manejo de datos de la Api de Spotify.

Herramientas

Utilizadas en esta práctica:

• Spotify Api
• PicoCss
• Netlify Drop

Instalación

$ git clone https://github.com/EDUJOS/Spotify-User-Info.git

$ cd Spotify-User-Info

Credenciales

Como el objetivo de ésta práctica no es crear una aplicación web con NodeJS, etc. Más bien trabajar meramente con JavaScript, entonces no trabajaremos directamente con la Api de Spotify sino que usarémos RapidAPI como mediador para hacer nuestras solicitudes a la Api de Spotify. Para ello, en caso que no tengas una cuenta de RapidAPI debes crearte una, este hipervículo te llevará directamente a RapidAPI, en dónde realizarás los proceos correspondientes.

Configuración

Una vez te hayas suscrito vas a copiar la Key-api que se te ha asignado y la vas a pegar en el header "X-RapidAPI-Key".

const OPTIONS = {
	method: 'GET',
	headers: {
		'X-RapidAPI-Key': 'your-RapidAPI-key',
		'X-RapidAPI-Host': 'spotify23.p.rapidapi.com'
	}
};

Desplegar App

Si quieres desplegar esta o cualquier otra app lo que tienes que hacer es subir la carpeta de la práctica a Netlify y listo! Ya tienes la app desplegada por 1 Hora!

---

Social Media

Soy Ed y me gusta aprender a programar en mi tiempo libre. Si gustas apoyarme dejando tu estrella en este repositorio o siguiendome en mis redes sociales! <3

• Instagram
• Twitter
• Spotify

Esta idea nació a partir de un video de midudev