https://github.com/bertovdev/viniltify_app
Play your favorite songs in spotify on a turntable! 😎
https://github.com/bertovdev/viniltify_app
drei honojs r3f react-three-fiber reactjs spotify spotify-api threejs typescript
Last synced: 3 months ago
JSON representation
Play your favorite songs in spotify on a turntable! 😎
- Host: GitHub
- URL: https://github.com/bertovdev/viniltify_app
- Owner: BertovDev
- Created: 2022-08-14T21:11:55.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2025-02-11T07:16:11.000Z (3 months ago)
- Last Synced: 2025-02-11T08:27:14.149Z (3 months ago)
- Topics: drei, honojs, r3f, react-three-fiber, reactjs, spotify, spotify-api, threejs, typescript
- Language: JavaScript
- Homepage:
- Size: 54.7 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vinyltify :musical_note:
> "Version 1" :coffee:
## Play your favorite songs in spotify on a turntable! :sunglasses:
### 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](https://developer.spotify.com/dashboard/login "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](https://developer.spotify.com/dashboard/login "spotify dashboard") must match your REDIRECT_URI in the .env file!
