arthurmatthew/spotify-detective

Search through Spotify accounts to find people you might know.

Spotify Detective

Find your friends on Spotify

Important ⚠

This tool is not finished!

About 💁‍♂️

Spotify Detective is a tool that helps you find the accounts of people you may know.

Stack ⚙

Frontend 💻

• React
• TailwindCSS

Backend 🌐

• Node.js
  • express.js
  • Puppeteer

spotify-detective's Issues

Possible bug: puppeteer only able to gather up to 1000 followers

While programming I noticed that an unknown user had exactly 1000 followers. This seems kinda weird, and could possibly be a bug with the program. I did find instances of this possibly being related to Spotify. Nothing is proven to be a bug, just a reminder to look into it and make sure it isn't.

Basically, just play around with testing accounts with larger follower amounts

Improve speed by browser

Currently, each time one of the puppeteer functions is run a browser is opened, then closed. If the browser is left open always and the functions only navigate to pages in the browser it could be a lot faster.

Add sorting

Currently, all users are automatically sorted by relevance, high to low. Adding custom options for sorting would be pretty cool.
Examples:

• Relevance, low to high
• Alphabetical, both directions

Add 'show more'

This includes limiting the amount of users shown by default. Basically only show up to x users by default, but if you scroll all the way down there will be an option to show more. Or even better, automatically show more once you reach the bottom (similar behavior to social media feeds). It can obviously get kinda laggy if there's hundreds of these user components in the DOM at once.

Comment / document code better

Title is straightforward enough. It'll improve readability and make working with the code a lot easier.

Also: look through the code and clean it up a little, there's some weird things going on and it would be better if streamlined.

Add setter to User class

Throughout the code, there's a few examples of this being done:

...x => new User(x.url, x.name, x.pfpUrl, true)

Most of the time this is done in a .map() function , used specifically for changing the final property to true.
This could be a lot cleaner but adding a setter for that class.

Add search bar

A search bar would be useful to assist in searching through larger lists. Most browsers do have a 'find' system already, but it would still be nice

Maximum follower setting

Add a setting where users can choose the max amount of followers to gather from a user. It can get a little slow sometimes when handling big numbers of followers.