/spotify-songs-ranker

Primary LanguageTypeScriptApache License 2.0Apache-2.0

spotify-songs-ranker

User Flow

  • The user searches the app through the URL (https://spotify-songs-ranker.com/)
  • The user sees a search box that the user can type in and press "Enter"
  • The search suggests the potential search results at the dropdown menu
  • The user selects the artist from the dropdown and presses "Enter"
  • The user sees the artist logo and name
  • The user also sees the top 100 songs (scrollable)
  • The user can play the songs as well

Technical Nuances

  • Use virtual list to optimize the rendering speed
  • Use Spotify APIs to make calls while the user interacts with the app