https://github.com/0adri3n/sp0tlegends

A League Of Legends overlay to control Spotify in-game. Based on Overwolf Electron App.
https://github.com/0adri3n/sp0tlegends

electron league-of-legends overlay overwolf spotify

Last synced: 11 days ago
JSON representation

A League Of Legends overlay to control Spotify in-game. Based on Overwolf Electron App.

• Host: GitHub
• URL: https://github.com/0adri3n/sp0tlegends
• Owner: 0adri3n
• License: mit
• Created: 2025-01-21T11:50:09.000Z (12 days ago)
• Default Branch: master
• Last Pushed: 2025-01-21T16:19:18.000Z (12 days ago)
• Last Synced: 2025-01-21T17:25:40.466Z (12 days ago)
• Topics: electron, league-of-legends, overlay, overwolf, spotify
• Language: TypeScript
• Homepage:
• Size: 228 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
sp0tLegends




A League of Legends overlay to control Spotify in-game, built with Overwolf Electron.


---

❓ Why 


This project was created to provide an easy and seamless way to control Spotify while playing League of Legends. With this overlay, you can play, pause, skip tracks your Spotify player without ever leaving the game. 🎶

Project Screenshots:


![image](https://github.com/user-attachments/assets/27d96c87-45b0-4fde-9f2b-d614e12b58a5)

https://github.com/user-attachments/assets/2c9d6b21-5f8f-45e6-a8d8-156c6d4859ef

🧐 Features


Here are some of the best features of the project:

*   Control Spotify (play, pause, next, previous) directly in-game.

*   Real-time display of the current track, artist, and album cover.

*   Lightweight overlay built with Overwolf Electron.

*   Draggable, simple and user-friendly interface.

🛠️ Installation Steps:




Before everything, u'll need to setup a Spotify API key. It's easy, fast and needed only once don't worry !


Navigate to Spotify Developer Dashboard and connect with your Spotify (you need Premium !)


![image](https://github.com/user-attachments/assets/ae015465-2b49-4612-bffe-0e24e9a8aa00)

 Press "Create an app" and fill the fields like the following screen :


![image](https://github.com/user-attachments/assets/b0092d45-bb9d-4973-8081-9fb3a8daca3b)

Perfect, now let's get the two necessaries values : Client ID and Client Secret.

Go to the Settings app :


![image](https://github.com/user-attachments/assets/31d7b9ab-11bb-4f9c-ba0c-b4011d008946)

Then you can copy the values !


![image](https://github.com/user-attachments/assets/d745b376-8d4d-4601-b415-2137c09215db)

Last step, don't worry. Download the lateste release of sp0tLegends. Extract it and navigate througt it to edit ```spotify.json```

![image](https://github.com/user-attachments/assets/6071097a-9280-42b4-865d-dac5552af672)

Then, you can put your two values in the file ! Don't forget to save it.


![image](https://github.com/user-attachments/assets/6fc0a67c-4904-4ddd-b9ff-8a43155624ae)

![image](https://github.com/user-attachments/assets/94ef6cd1-780e-4ee3-b83f-f4971f0d1100)

You're good to go! 🎉 You can execute sp0tLegends.exe in-game in the root directory. sp0tLegends is ready to go. Thanks for using !


---

Want it from source code? Follow these steps:


1. Clone the repository:


```bash

git clone https://github.com/0adri3n/sp0tLegends.git

```

2. Navigate to the project directory and install dependencies:


```bash

npm install

```

3. Build the application and start it :


```bash

npm run build

npm run start

```

4. You're good to go! 🎉


💻 Built with


Technologies used in the project:

*   Node.js

*   Electron

*   Overwolf SDK

*   Spotify Web API

🛡️ License:


This project is licensed under the MIT License. Feel free to use, modify, and distribute it!

💖 Like my work?


If you enjoy using this app, feel free to give the repository a ⭐ on GitHub or share it with others!