Skip to content

A react application using Spotify Web API. Discover what songs you've been listening to the most on Spotify.

License

Notifications You must be signed in to change notification settings

rbika/spotify-top-songs

Repository files navigation

Spotify Top Songs

Discover what songs you've been listening to the most on Spotify.

Development

  1. Follow these instructions to register an app in the Spotify for Developers and get a client ID.

  2. Clone the repository:

    git clone https://github.com/rbika/spotify-top-songs.git
    
  3. Change directory:

    cd spotify-top-songs
    
  4. Create a .env file at the root of the project and add the following content:

    REACT_APP_BASE_URL=http://localhost:3000
    REACT_APP_SPOTIFY_CLIENT_ID=your_client_id
    
  5. Install the dependencies:

    npm install
    
  6. Run the development server:

    npm start
    
  7. App will be running on http://localhost:3000.

Deployment

Github configurations

  1. In the Github project's page, go to Settings → Secrets → Add new secret.
  2. Add the following secrets with their respective values:
    • SPOTIFY_PROD_CLIENT_ID
    • SPOTIFY_STAGING_CLIENT_ID

About

A react application using Spotify Web API. Discover what songs you've been listening to the most on Spotify.

Topics

Resources

License

Stars

Watchers

Forks