Aplicación de Práctica SpotiApp - Angular 8+ (Mayo de 2020)

Curso: Angular De cero a experto creando aplicaciones (Angular 8+)

El objetivo de la práctica es crear un proyecto de cero y comprender los siguientes temas:

• Reforzamiento de rutas y parámetros de rutas.
• Uso del HTTP para obtener información
• Uso de la API de Spotify para obtener información de Artistas, Albumes y Audio
• Trabajo sobre el manejo de data asíncrona.
• ngModel para enlazar campos de texto a variables del componente.
• Widgets de Spotify y HTML5 audio
• Observables y Maps

---

🔧 Tecnologias Utilizadas:

• Proyecto desarrollado en lenguaje de programación TypeScript (v3.8.3) y ECMAScript 6

• Utilización del framework Angular (v9.1.4) + Node.js (v12)

• Utilización de API Rest de Spotify for Developers https://developer.spotify.com/console/

• FrontEnd desarrollado en HTML5 y CSS3

• Utilización del framework Bootstrap (v4.4.1)

---

🔗 API Rest utilizadas - Spotify for Developers:

• Get an API Token https://accounts.spotify.com/api/token

• Get an Artist https://developer.spotify.com/console/get-artist/

• Get an Artist's Top Tracks https://developer.spotify.com/console/get-artist-top-tracks/

• Search https://developer.spotify.com/console/search/

• Get a List of New Releases https://developer.spotify.com/console/get-new-releases/

---

❗ Puntos importante para correr el proyecto:

• Clonar el proyecto y correr el siguiente comando en la raíz para instalar las dependecias:

  npm install
  

• Continuar en la carpeta raíz y correr el siguiente comando:

  ng serve -o
  

• Realizar una petición POST via Postman al rest de Token, pasar como parámetro el grant_type, client_id y client_secret:

  Guía: <developer.spotify.com/documentation/general/guides/authorization-guide/>
  

• Reemplazar el access_token de retorno en el file spotify.service.ts linea 21.

  {
   "access_token": "BQCniJeRmMmbm85smJy5UGL6DdG5N0pMngc2QbkF0x2ov83MoW5J9NPB9Dxlr-llINyiDcn2PgTNzju-MzY",
   "token_type": "Bearer",
   "expires_in": 3600,
   "scope": ""
  }    
  

---

👀 Interfaz de SpotiApp:

---

💻 Proyecto realizado por Ignacio Castiñeira https://github.com/nachocastineira

🌐 Tutorial de Angular 8+ https://www.udemy.com/course/angular-2-fernando-herrera/