Skip to content

Latest commit

 

History

History
83 lines (53 loc) · 2.26 KB

README.md

File metadata and controls

83 lines (53 loc) · 2.26 KB

LSTN ALNG - Music should be shared.

Listen Along is bringing back listening rooms. Intimate opportunities to share and experience music with your friends. A shared queue can be added to and edited by anyone present in the room. Global pandemics make the collective experience of a concert near impossible. That shouldn't stop us from connecting over music.

Listen along, together.

Link to site: https://listen-along-spotify-next-app.herokuapp.com/

Technologies used:

  • React.js
  • Next.js
  • Node.js
  • Express.js
  • Socket.io
  • Redux
  • Bootstrap
  • Spotify Web API

User Stories

  • User + one or more friends can all visit the same “Listening Room” together
  • There will be an active song queue that anyone in the room can edit and add to and have it be played synchronously across all devices via Spotify

Roadmap:

Address ongoing bugs and issues:

  • Current Bugs: none reported...
  • Current Issues:

What's Next...

  • Multiple rooms
  • Build-out chatbox functionality for each room
  • Get Recommender-Robot functioning
  • Light/Dark modes! Add a switch to toggle modes.
  • Get progress bar consistently cooperating...
  • Add a way to favorite a song / an add-to-playlist button/dropdown

Install:

Instructions...

Setting up

This is a Next.js project bootstrapped with create-next-app.

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 both http://localhost:3000/auth/callback (for development) and <production_domain>/auth/callback (if you want to deploy your app somewhere) as redirect uris in your Spotify App Settings

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

    • HOST
    • CLIENT_ID
    • CLIENT_SECRET

For 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.