Skip to content

A web app for visualizing personalized Spotify data built with Angular, Spring Boot, and the Spotify API

Notifications You must be signed in to change notification settings

wissemgrari/spotify-profile

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

72 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Spotify Profile

Spotify Profile is a web application that allows users to visualize their personalized Spotify data. It is built with Angular, Spring Boot, and the Spotify Web API. The application provides insights into user's playlists, tracks, and audio features.

image.png

Table of Contents

Installation

This project uses both Java and Node.js. Go check them out if you don't have them locally installed.

  1. Clone the repository:
git clone https://github.com/wissemgrari/spotify-profile.git
  1. Create a Spotify Developer account and create a new application to get your client ID and client secret.
  2. Rename .env.example file in the api directory to .env and fill-it with your client ID and client secret
  3. Add http://localhost:4200/login as a redirect URI in your Spotify application settings.
  4. Install the dependencies:
cd spotify-profile
npm install
mvn install
  • If you have docker installed, you can skip the installation of the dependencies and run the following command to build the project and start the client and server simultaneously:
docker-compose up

Usage

To start the server, run the following command:

mvn spring-boot:run

To start the client, navigate to the client directory and run:

ng serve

Then open your browser and visit http://localhost:4200.

License

This project is licensed under the terms of the MIT license.

Author

@wissemgrari

About

A web app for visualizing personalized Spotify data built with Angular, Spring Boot, and the Spotify API

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published