• Stars
    star
    369
  • Rank 115,686 (Top 3 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 7 years ago
  • Updated about 4 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A collaborative listening room using Spotify

C - A collaborative listening room using Spotify

This project is a site where multiple users can propose songs and vote for them, having them played in a synchronised way through Spotify.

Setting up

The server can be run locally and also deployed to Heroku. You will need to register your own Spotify app and set the credentials in a couple of config files. For that:

  1. Create an application on Spotify's Developer Site.

  2. Add as redirect uris both http://localhost:3000/auth/callback (for development) and <production_domain>/auth/callback (if you want to deploy your app somewhere).

  3. Create a .env file in the root of the project with the following variables;

    • HOST
    • CLIENT_ID
    • CLIENT_SECRET

Example:

HOST=http://localhost:3000
CLIENT_ID=<your_client_id>
CLIENT_SECRET=<your_client_secret>

Dependencies

Install the dependencies running npm install.

Running

During development, run npm run dev.

When running on production, run npm run build && npm run start.

Run with Docker

To run this app in Docker use the following steps

  1. Build the image run: docker build -t c .

  2. Run the image:

docker run -p 3000:3000 \
    -e HOST=http://localhost:3000 \
    -e CLIENT_ID=<your_client_id> \
    -e CLIENT_SECRET=<your_client_secret> \
    c

More Repositories

1

spotify-web-api-js

A client-side JS wrapper for the Spotify Web API
TypeScript
1,866
star
2

spotify-dedup

Remove duplicates from your Spotify Playlists
TypeScript
828
star
3

beats-audio-api

Calculate the BPM of a song using the Audio API
JavaScript
393
star
4

linkedin-to-json-resume

An exporter from a LinkedIn profile to JSON Résumé
TypeScript
344
star
5

passport-spotify

Spotify authentication strategy for Passport and Node.js.
JavaScript
316
star
6

karaoke

Karaoke built with Web Audio API
JavaScript
222
star
7

contour

Draw an image with SVG
JavaScript
177
star
8

promise-throttle

A small library to throttle promises. Useful to avoid rate limiting when using REST APIs.
JavaScript
148
star
9

spotify-player

A wrapper around Spotify Connect to interact with the player
JavaScript
121
star
10

spotify-iquiz

iQuiz-like webapp using Spotify Web API
JavaScript
26
star
11

spotify-web-api-token

A simple Node.js app that exposes an access token to use the Spotify Web API
JavaScript
22
star
12

spotify-app-stats

A library to fetch the stats for your Spotify App from Spotify's developer site
JavaScript
20
star
13

wpo-book

A collection of Website Performance Optimization Techniques
20
star
14

jmperez.github.com

JMPerez Blog powered by Hexo
CSS
19
star
15

BigPipe

Facebook's BigPipe on ASP.Net MVC
C#
16
star
16

sync-subs

Browser-based JS subtitles synchronizer
JavaScript
15
star
17

screenflow

Poor Man's Screenflow that records your screen and camera and outputs a video
JavaScript
15
star
18

thirtiflux

A Spotify Web Player using the Web API, React and Flux
JavaScript
12
star
19

spotify-search

Polymer Web component to search Spotify items
HTML
10
star
20

spotify-dedup-mobile

Spotify Dedup - Mobile app version
JavaScript
10
star
21

extendify

Google Chrome Extension for appending Spotify Play Button to several sites like Wikipedia, Twitter
JavaScript
9
star
22

spotify-web-api-graphql

A proof-of-concept to create a graphql proxy for the Spotify Web API in javascript
JavaScript
8
star
23

geometrize-node

Generate SVGs from images
JavaScript
8
star
24

spotify-web-api-js-poc

A universal JS wrapper for the Spotify Web API
JavaScript
7
star
25

spotify-new-releases-demo-react

Demo of New Releases Spotify Web API endpoint (using React.js)
JavaScript
7
star
26

spotify-desktop-proxy

A desktop app that acts as a proxy for the Spotify Web API
JavaScript
6
star
27

spotify-most-followed-popular-artists-genres

A report with some insights from Spotify after making many requests to the Spotify Web API.
CSS
6
star
28

angularjs-spotify-apps-directives

AngularJS directives for Spotify Apps
JavaScript
5
star
29

raml2swagger

A RAML to Swagger converter in node.js
JavaScript
4
star
30

lazy-loading-talk

A talk about lazy-loading with React-like HOC
4
star
31

js-crusher

A Javascript packer that minifies JS code through string replacements
JavaScript
4
star
32

spotify-web-api-start-template

A basic template using implicit grant auth
JavaScript
3
star
33

spotify-play-with-voice

Using Speech recognition to play music
JavaScript
3
star
34

til

Things I learned today
2
star
35

gatsby-starter-blog

JavaScript
2
star
36

spotify-logo-svg-drawing-animation

A proof of concept of the Spotify Logo in SVG using drawing animation
HTML
1
star
37

tw-fb-video

POC
HTML
1
star
38

perfreviews-gatsby

JavaScript
1
star
39

spotify-angular-app

A Spotify App built using AngularJS
JavaScript
1
star
40

es6-template

A template for creating universal/isomorphic JS web apps
JavaScript
1
star
41

spotify-save-as-playlist

Polymer Web component to save as a playlist
JavaScript
1
star
42

renderconf17

Slides for my presentation at Render Conf 2017
JavaScript
1
star
43

spotify-grid-play

Spotify sample app that plays a tracklist through multiple covers
JavaScript
1
star
44

lazy-load

Some examples of lazy-loading
JavaScript
1
star