Record Box is a music player that allows the user to connect to their Spotify premium account to play their music on the browser. It has added functionality of image search using Google API.
The inspiration behind this project is the record shop. The problem is that it's not as easy to listen to music in a record shop because of the required setup to play records. This application can access the mobile device's camera and take pictures of an album. Google's Vision API will quite accurately analyze the photo and make an automatic search to the Spotify API, then you are allow to play the music. Now you can walk in to your favorite record shop and listen to these albums just by taking a photo! Enjoy!
These are instructions on how to get started fast!
You need to have a premium spotify account to access the music player. Also, create your Spotify developer account here HERE! and create an app for this project to get client id & client secret. This is optional and will not affect the gaming functionality.
-
Go to Spotify for Developers and log in to your account on dashbord. Create an app and add your client url for redirect.
-
Update the .env file with your ID and Secret from Spotify.
-
Install NPM packages
npm install
-
Run client and server each in its own terminal
npm start npm run server
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent