A real time Spotify visualizer built with React, the Spotify API audio analysis, and p5.js. The web app syncs with a user's Spotify account and visualizes the pitches and amplitudes from the currently playing song in real time. Due to rate limits and limitations of the Spotify API, sync may not be exact depending on the song but it's pretty close. Prior to this project, I had practically no experience with building web apps so this was a nice way to try out React and other web development tools.
This project was bootstrapped with Create React App.
- Add/clean up comments, code, and documentation
- Improve visualizer graphics
1.) Create a new Spotify app in your Spotify Developer Dashboard
2.) Add http://localhost:3000 to your app's redirect URIs
3.) Add your client_id and and redirect_uri to config.js
Install dependencies and start
npm install
npm start
This project is licensed under the MIT License