Flickr APIから画像の取得

少し長くなりますが、答えていただけると本当にありがたいです。

（プログラミングスクールに通っています。
フロントエンドコースの中での「WeB　APIの課題」についてお伺いします。

課題の文章
➡このサイトの Gallery の画像を、レッスン本編で行ったようにFlickr APIから取得して表示できるよう、index.htmlの上記部分に変更を加えつつ、main.jsに追記修正してください。

仕様
➡犬の画像と猫の画像を4枚ずつ連続で表示しましょう（犬と猫のどちらを先に表示するかまでは問いません）。
flickr.photos.search のパラメータに、以下の2つを含めてください。
license: '4', // Creative Commons Attributionのみ
extras: 'owner_name,license', // 追加で取得する情報を含めてください。
レッスン本編で行ったようにBootstrapのTooltip機能でライセンス表記を行ってください。
Flickrから取得した画像をクリックしたときの挙動として、ライトボックス(Magnific Popup)を使うのではなく、Flickr画像元ページをブラウザの新規タブで開くようにしてください。

これが課題です。質問をメンターにしてもろくに返ってこず、3日ほどここで止まっています。
どなたかご理解いただける方、助けていただけるとありがたいです。
どのようにして進めていけばよいのでしょうか。