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.
This project uses both Java and Node.js. Go check them out if you don't have them locally installed.
- Clone the repository:
git clone https://github.com/wissemgrari/spotify-profile.git
- Create a Spotify Developer account and create a new application to get your client ID and client secret.
- Rename
.env.example
file in theapi
directory to.env
and fill-it with your client ID and client secret - Add
http://localhost:4200/login
as a redirect URI in your Spotify application settings. - 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
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
.
This project is licensed under the terms of the MIT license.