spotify-stats Svelte Themes

Spotify Stats

Discover your top played artists & tracks, plus get recommendations for tracks you might also enjoy. Using SvelteKit & Spotify's Web API.

Spotify stats

Spotify Stats is a Svelte web application that uses Spotify's Web API. It allows users to get an overview of their most played tracks and artists on Spotify, as well as receive a list of recommended tracks based on their listening habits.

This application was created using create-svelte.

Prerequisites

Make sure you have Node.js installed. You can download it from nodejs.org.

Getting started

To get a local copy of this project up and running, follow these steps:

  1. Clone the repository:
git clone https://github.com/sabinewst/spotify-stats.git
  1. Change to the project directory:
cd spotify-stats
  1. Install the project dependencies:
npm install
  1. Create a Spotify Developer Application on the Spotify Developer Dashboard.

  2. Configure your environment variables by creating a .env file in the project root directory. Add your Spotify client ID and the redirect URI (most likely http://localhost:5173).

CLIENT_ID=""
REDIRECT_URI=""
  1. Start the development server:
npm run dev
  1. Open your web browser and visit http://localhost:5173 to see the app in action.

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes