Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/zenje/spotify-visual-app
visualize personal spotify stats, react-based app
https://github.com/zenje/spotify-visual-app
react spotify
Last synced: about 1 month ago
JSON representation
visualize personal spotify stats, react-based app
- Host: GitHub
- URL: https://github.com/zenje/spotify-visual-app
- Owner: zenje
- Created: 2020-08-11T09:46:55.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2021-11-29T23:27:15.000Z (about 3 years ago)
- Last Synced: 2024-08-01T21:58:30.582Z (4 months ago)
- Topics: react, spotify
- Language: JavaScript
- Homepage: https://spotify-visual-app.herokuapp.com
- Size: 1.81 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- project-awesome - zenje/spotify-visual-app - visualize personal spotify stats, react-based app (JavaScript)
README
# spotify-visual-app
Live: [https://spotify-visual-app.herokuapp.com]
An experiment in visualizing Spotify listening trends for an individual user! Additionally fetches lyrics and info about artists. Still in progress :)
## About
- Cloned from [spotify-react-router-auth](https://github.com/kauffecup/spotify-react-router-auth), which is used as a base for Spotify user authentication.
- Created with React + Redux, Node.js, and Express.js.
- Utilizes APIs from [Spotify](https://developer.spotify.com/documentation/web-api/), [Last.fm](https://www.last.fm/api), and [Genius](https://docs.genius.com).
## Setup
For development, create a `.env` file, using `.env.dev.example` for reference. These keys are necessary to connect to APIs.
Note: It may be necessary to use port 8888 for express server and callback.
```bash
$ npm install
```
## Running
There are three scripts - `start`, `dev`, and `build`.
To run the production bundle:
```bash
$ npm run build
$ npm start
```
To run in dev mode (with hot reloading, and un-minified source maps):
```bash
$ npm run dev
```
Open [http://localhost:3000] to view it in the browser.