Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ebarooni/spotify-web-api-playground

A web app built using Angular to interact with the Spotify web API
https://github.com/ebarooni/spotify-web-api-playground

angular rest-api spotify-web-api typescript

Last synced: 22 days ago
JSON representation

A web app built using Angular to interact with the Spotify web API

Host: GitHub
URL: https://github.com/ebarooni/spotify-web-api-playground
Owner: ebarooni
Created: 2022-08-27T08:35:48.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2022-09-08T14:25:53.000Z (over 2 years ago)
Last Synced: 2024-10-26T07:57:44.380Z (2 months ago)
Topics: angular, rest-api, spotify-web-api, typescript
Language: TypeScript
Homepage: https://spotify-web-api-playground.netlify.app/
Size: 146 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        
# About the project

This is a playground made with Angular to interact with the Spotify web API.

It is intended to be used for understading the API and its response to different HTTP requests.

#### Built with

- ![Angular](https://img.shields.io/badge/angular-%23DD0031.svg?style=for-the-badge&logo=angular&logoColor=white)

- ![Bootstrap](https://img.shields.io/badge/bootstrap-%23563D7C.svg?style=for-the-badge&logo=bootstrap&logoColor=white)

- ![Spotify](https://img.shields.io/badge/Spotify-1ED760?style=for-the-badge&logo=spotify&logoColor=white)

## Demo

https://spotify-web-api-playground.netlify.app/

## Getting started

In order to be able to generate an access token, you need to have a valid cliend ID and secret. To obtain your client ID and secret, visit the Spotify web API [documentation](https://developer.spotify.com/documentation/web-api/).

#### Prerequisites ([quick start](https://developer.spotify.com/documentation/web-api/quick-start/))

1. Set up a Spotify account (free or premium)

2. Register an application

3. Copy your API credentials from your app's overview page

4. Enter your API credentials in the website's input fields

## Acknowledgements

- [Spotify Web API](https://developer.spotify.com/documentation/web-api/)

- [Spotify Web Authorization with PKCE](https://github.com/tobika/spotify-auth-PKCE-example)

- [Spotify Accounts Authentication Examples](https://github.com/spotify/web-api-auth-examples)

## Disclaimer

The API credentials that you use in this website are **only** used for communicating with the Spotify API and are **not stored anywhere** but your own browser's **local storage**.