Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: 20 days 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: 2024-12-19T16:12:33.000Z (20 days ago)
- Last Synced: 2024-12-19T17:24:33.329Z (20 days ago)
- Topics: drei, honojs, r3f, react-three-fiber, reactjs, spotify, spotify-api, threejs, typescript
- Language: JavaScript
- Homepage: https://vinyltify.netlify.app/
- Size: 54.1 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 9
-
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!
