spotifyguesser.io

The purpose of this project is to practice React.js and API fetching using Spotify's API.

The goal of the game is to guess the given songs, and the more songs you are able to guess, the higher score you will receive.

Familiarized myself with:

• React.js Hooks (State/Effect)
• Asynchronous API (async/await)
• JSX, components, css modules, etc.

(React.js, JavaScript, HTML, CSS)

To try the game yourself, you can either...

• play on deployed app or,
• play locally
• NOTE: you need to be on a desktop and have Spotify Premium to play

Playing Online

• Click here

Playing Locally

• Firstly, open your favourite code editor (I used Visual Studio Code)
• Then, clone the repository by entering the following into your terminal:

git clone https://github.com/rayzhou4/spotifyguesser.io.git

• Afterwards, install the required packages by entering:

npm install

npm install npm-run-all --save-dev

npm install dotenv --save-dev

npm install express --save-dev

npm install request --save-dev

npm install http-proxy-middleware --save-dev

• Finally, you can run the application by entering:

npm run dev

Potential Updates:

• Deployment as a website
• Multiplayer feature
• Settings to change certain features like how many guesses you get, volume, difficulty, etc
• More genre/playlist choices (plus custom playlist?)
• More engaging website design