https://github.com/adventurer-hexed/HexedVisualizer

Hexed Visualizer is an audio visualizer built for spotify.
https://github.com/adventurer-hexed/HexedVisualizer

music music-player mysql node nodejs passport passportjs react reactjs spotify visualizer webapp

Last synced: 3 months ago
JSON representation

Hexed Visualizer is an audio visualizer built for spotify.

• Host: GitHub
• URL: https://github.com/adventurer-hexed/HexedVisualizer
• Owner: adventurer-hexed
• License: mit
• Created: 2018-12-28T17:28:02.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2019-03-23T18:56:12.000Z (almost 6 years ago)
• Last Synced: 2024-08-02T13:33:14.819Z (6 months ago)
• Topics: music, music-player, mysql, node, nodejs, passport, passportjs, react, reactjs, spotify, visualizer, webapp
• Language: JavaScript
• Homepage: https://adventurer-hexed.herokuapp.com/
• Size: 718 KB
• Stars: 3
• Watchers: 1
• Forks: 2
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Hexed Visualizer

Hexed Visualizer is an audio visualizer built for spotify. It's stack includes Node, Express, MySQL, and React. 

To view the deployed application, please visit https://adventurer-hexed.herokuapp.com/

To run a local copy of this application, please ensure you have a spotify developer account, and then follow these simple instructions:

- Clone this repository

- Open the cloned respoitory and run `yarn install` 

- Open https://developer.spotify.com/dashboard and log in

- Create a new app on your spotify developer dashboard

    - Make note of the Client ID and Client Secret, you will need these shortly

- Edit your new apps' settings and add the following Redirect URIs:

    - `http://localhost:5000/auth/spotify/callback`

    - `http://localhost:3000/auth/spotify/callback`

- Open the config folder and create a file named `dev.js`

- Open dev.js and add the following information:

```javascript

    module.exports = {

        spotifyClientID: "SpotifyClientIDHere",

        spotifySecret: "SpotifyClientSecretHere",

        cookieKey: "RandomStringOfYourChoiceHere"

    };

```

- Run `yarn run dev` to start the development servers