Skip to content

heemo521/record-box

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Record Box


Logo

Record Box (music player) v 1.0

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.

About The Project

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!

Imgur

Tech Stack

React Webpack Express.js NodeJS NPM HTML5 Material UI Spotify GoogleAPI

Getting Started

Prerequisites

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.

Installation

  1. Go to Spotify for Developers and log in to your account on dashbord. Create an app and add your client url for redirect.

  2. Update the .env file with your ID and Secret from Spotify.

  3. Install NPM packages

    npm install
  4. Run client and server each in its own terminal

     npm start
     npm run server

(back to top)

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published