Please help me in understanding this API thing for Javascript

Please help me in understanding this API thing for Javascript
0

#1

https://codepen.io/PrinceChao/pen/ZXRqEW

Okay, so I have made the basic things I’d like to have on this challenge, but I am really horrible in figuring out the right things to type down and use for Javascript to have the FreeCodeCamp channel data from Twitch to be Displayed on the div. Could someone explain and help me out in figuring out what to do?

<div class="box">
    <div class="row1" id="header">
      <h1>Twitch Stream</h1>
    </div>
  </div>
  </div>
  <div class="row2" id="display"><!-- FreeCodeCamp Channel Goes In This Div-->
  </div>
  <div class="row3" id="footer">
  </div>
  </div>

#2

Instead of us just giving you a solution, you need to start by mapping out what you want your twitch app to do. Read through the User Stores and all the hints in the project description. You will need to create algorithms for each smaller part of the project and then put them together in the end. For starters, figure out what the most basic parts (elements, data structures, etc…) you will need for each part of the project.

If you want, you can post a written project scope describing how you want the various parts to work. Once you have a basic plan, then if you still can get the JavaScript started, we will have something to work from in order to give you guidance.


#3

https://codepen.io/PrinceChao/pen/ZXRqEW