The aim of this project was to visualize my personal trends in listening to artist and tracks on Spotify. Inpsired by the Spotify Wrapped camaign.
To get started playing around in this app first ofcourse clone this repo.
This web app is build using a minimal Create React App setup and is all client-side. The app directly connects to the Spotify API.
In order to connect to the Spotify API we need a Client ID in our environment variables. Create one at the Spotify Developer Dashboard for free.
For local development copy the .env.example into .env and set your REACT_APP_SPOTIFY_CLIENT_ID to your custom client ID.
After that start the same way as any Create React App.
$ npm install
$ npm startWant to deploy directly into a instance live on Zeit Now? It's really easy. First we need to add your client ID into your 'secrets' environment variables in Zeit.
Then we can simply deploy now.
$ now secret add REACT_APP_SPOTIFY_CLIENT_ID=YOUR_CLIENT_ID
$ nowContributions are always welcome. This project is open source, and anyone may contribute. To keep the project healthy and running smoothly, a couple of rules are defined.
- Keep it friendly and accessible at all times.
- Use the templates adequately with the required information.
- Adhere the code styling and make sure CI passes.
Make something awesome!
- byCedric - Code structure is based on his Github Website project.
The MIT License (MIT). Please see License File for more information.
Made with ❤️