Fetch and display data from multiple APIs in a GUI project

[tellessa]

• [x] Spotify- signed up already

Netflix- recommended YouTube Geographical databases Instagram OpenAI- signed up already Pexels Imdb https://pypistats.org/api/

Plan: Build on the success of using the Spotify API.

• [x] Find the working function
• [x] Connect it to a UI button.
• [x] Combine it with the Qt tutorial templates.
• [x] First mini goal: call the same function using a QPushButton
• [x] Get the main window to launch

2. provide inputs for username and password before trying to make API request.

• [x] 3. display something from the resulting HTTP response in the UI. Hardcode to Fire on the Cathedral for Now. 21 fields.

• [x] Show them all.

• [x] Show a definition of each field in the UI, at least on hover.

• [ ] Add icons to each feature.

• [x] instead of ms, convert to min and sec. S = ms / 1000. Minutes = s // 60. Seconds leftover = s % 60. Formatted song length = f”{min}:{s_leftover}”

• [x] There is a bug with the song duration: I saw 4:6 as the time. Needs to show as 4:06 maybe?

• [x] Instead of an integer, display the actual key of the song, e.g. C#

• [x] Need the ability to show text in a certain location.

• [ ] For a consecutive search, make sure the UI clears before displaying the new results

• [ ] A tree widget might be better for displaying tabular data like this, especially with alternating row colors

Discovered that I've been retrieving the track's audio features, whereas I can also make a GET request to retrieve a track object. This track object has more general information included.

• [x] Use the Search endpoint to Get Spotify catalog information about albums, artists, playlists, tracks, shows, episodes or audiobooks that match a keyword string.
• [x] Make it more general so that any track uri can be looked up- requires providing a text input to search for an artist.
• [ ] Let the user hear the 30 second clip- starting with button that says "hear 30 second clip"
• [x] Let the user see the album art.
• [x] Let the user see the track name and artist (and album possibly)
• [x] Allow clicking on the top result's track and artist to run and display the audio features for that track
• [x] Turn the QLabel into a QPushButton
• [x] Let the user search and get the track uri by typing the track name and/or artist

5. Use another API! At first just make it work for the second API as well. Later, Be able to use both without killing the app.
   • [x] Make it through all 6 steps of this Instagram user display tutorial. 1/3/2023
   • [x] https://developers.facebook.com/docs/instagram-basic-display-api/getting-started
   • [x] Get the ids and captions of all 3 of my posts through curl
   • [x] Used the returned image url to actually view the image
   • [ ] Convert the image to a format compatible with QPixmap and display it in GUI.
   • [ ] Convert the curl requests into python code
   • [ ] Convert the short-lived access token to a long-lived access token. Use https://developers.facebook.com/docs/instagram-basic-display-api/guides/long-lived-access-tokens
6. Integrate more functions
7. Clear the UI when the button for the second api is clicked, and vice versa- perhaps only add the labels when the "Get Audio Features Button is clicked" and remove them when a different button is clicked.
8. Save audio feature results in a MySQL database
9. Add another button to compare the saved results
10. Recreate the same functionality in a django project
    • [x] Create a song model attached to a serializer
    • [x] Add all of the most interesting attributes to the song model, e.g. acousticness etc.
    • [ ] A user should be able to save a collection of audio features of chosen/searched songs
    • [ ] Eventually, a user should be able to simply give permission and the app will store all the audio features of their library, for example their favorite playlist.
    • [ ] Create a view that takes a user's search string and returns the top 10 track results from spotify's track search endpoint. Basic functionality already exists, just need to connect it to Django.

Maybe the top ten results should populate into a QComboBox, with a QPushButton attached TODO: Connect to the song's audio Even though the goal is to help listeners understand audio features of songs, letting them hear the song's audio is super pertinent

[tellessa]

Since we know we're searching for tracks, we can use the type=track filter, e.g. q=abacab&type=track.

[tellessa]

Found the descriptions of the audio features! https://developer.spotify.com/documentation/web-api/reference/#/operations/get-audio-features

[tellessa]

Notes about spotify's web ui:

When you search tracks in the spotify web player, you see the top four results You get the track's icon which reveals a play button on hover, and a tool tip You see the artist name small below the track; the artist's name has a URL for the artist's page if you click on it. You can click a heart icon to add it to your library By default queries search all, but you can filter to song If we filter to songs, we see a tabular view- 4 cols: result #, title, album, and duration Title actually shows the artist and art as well