Vinyltify 🎵

"Version 1" ☕

Play your favorite songs in spotify on a turntable! 😎

Features

• Display any spotify playlist as a collection of vinyls records.
• Select any of the songs and play it in a turntable.
• Play around with the 3D models.

Stack

• Created with Node.js, React, threeJS, Bun, Hono

Installation

You need Node.js, Bun and a Spotify account in order to run this application. The local server run in the port 3001 and the application runs in the port 3000, both can be changed.

• Create .env file in the root of server directory with

  SPOTIFY_CLIENT_ID=""
  SPOTIFY_CLIENT_SECRET=""
  REDIRECT_URI=""
  

• Run bun install in the server directory to download server dependencies
• Run npm i inside the /client folder to download the client depencenies
• Create a .env file in the server directory with your spotify credentials ( you should create a spotify integration ) spotify-dashboard
• Run `bun run dev in the server directory to start the server
• Run npm run start in the /client folder to start the development app

Aclarations

Your redirect URI created in the spotify-dashboard must match your REDIRECT_URI in the .env file!