https://github.com/nachotoast/spotifyquiz

How well do you know your Spotify playlists?
https://github.com/nachotoast/spotifyquiz

express nodejs react socket-io spotify-web-api typescript

Last synced: 8 days ago
JSON representation

How well do you know your Spotify playlists?

• Host: GitHub
• URL: https://github.com/nachotoast/spotifyquiz
• Owner: NachoToast
• License: mit
• Created: 2022-10-06T07:12:26.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-01-10T06:53:57.000Z (12 months ago)
• Last Synced: 2024-10-27T18:50:47.410Z (about 2 months ago)
• Topics: express, nodejs, react, socket-io, spotify-web-api, typescript
• Language: TypeScript
• Homepage: https://spotify.nachotoast.com/
• Size: 2.82 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 10
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: .github/CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# Spotify Quiz [![CodeQL](https://github.com/NachoToast/SpotifyQuiz/actions/workflows/codeql-analysis.yml/badge.svg)](https://github.com/NachoToast/SpotifyQuiz/actions/workflows/codeql-analysis.yml) [![Node.js CI (Server)](https://github.com/NachoToast/SpotifyQuiz/actions/workflows/node.js.server.yml/badge.svg)](https://github.com/NachoToast/SpotifyQuiz/actions/workflows/node.js.server.yml) [![Node.js CI (Client)](https://github.com/NachoToast/SpotifyQuiz/actions/workflows/node.js.client.yml/badge.svg)](https://github.com/NachoToast/SpotifyQuiz/actions/workflows/node.js.client.yml) [![Deploy](https://github.com/NachoToast/SpotifyQuiz/actions/workflows/deploy.yml/badge.svg)](https://github.com/NachoToast/SpotifyQuiz/actions/workflows/deploy.yml)

How well do you know your Spotify playlists?

This is the source code for [Spotify Quiz](https://spotify.nachotoast.com/) and it's [API](https://spq.nachotoast.com/), a website where you can load up one of your Spotify playlists and then try to guess the songs as it plays through them.

You can set it up using any random playlist URL, as long as it is public.

# Installation

## Client Installation

```sh

cd client

yarn # or npm install

yarn start # or npm start

```

You can configure the server endpoint and Spotify ID once the app is running by going to the `/settings` page (http://localhost:3000/settings by default).

## Server Installation

```sh

cd server

yarn # or npm install

cp config.example.json config.json

```

You now need to enter some information such as your Spotify client ID, and frontend website origin (for CORS) into the [config.json](server/config.json) file.

Documentation for all the values can be found [here](server/src/config.ts).

```sh

yarn start # or npm start

```