IBM Video Streaming Player Homework

  __        __      __      __  __ _____          __  
||__)|\/|  |__)/  \|  \ /\ |__)|_ (_  |   |   /\ |__) 
||__)|  |  |__)\__/|__//--\|   |____) |   |__/--\|__) 
                                                      
 __ __  __     ___ __     __   ___     __             
|_ |__)/  \|\ | | |_ |\ ||  \   |  /\ (_ |_/          
|  | \ \__/| \| | |__| \||__/   | /--\__)| \

Thank you for applying for our open position. We are happy to have you here. 🎉 Your task is to build a page from the provided playlist items. The UX of the page is entirely up to you. You can use your favourite framework but it's not mandatory.

We would like to see a few features though:

Use at least 5 of the provided properties for displaying the playlist items. 🎨
Make the playlist items sortable by at least two properties 🍱
Make it easy for users to find items based on the description. 🔍️

API enpoint:

GET 'https://player-homework.vercel.app/api'

Example payload:

[
  {
    avatarURL: "https://exmaple.com/avatar.png"
    created: "2/21/2021"
    description: "Example description"
    email: "abc@example.com"
    guid: "090206cb-c412-43ec-b11c-b65ecec270f1"
    mediaType: "recorded"
    title: "Traffic Affairs"
    userName: "kshilleto0"
  }
  ... [99 more items]
]