Starting to set up first API

index.html

@@ -37,18 +37,14 @@ <h1>The thinktank of the future!</h1>
     <div class="testimonials">
         <img src="https://randomuser.me/api/portraits/women/24.jpg" alt="userPicture">
         <h1>Lesa Stevens</h1>
-        <q>
-            Ever since I was very young I wanted to open up a bakery. I've always enjoyed baking, and friends and family have told
-            me for a long time they and others would be happy to pay for a batch of my fresh cookies. But being a baker doesn't
-            suddenly make you a good business person. Thankfully, I brought the few ideas I had to BIGbigger, and they helped fill
-            in the blanks. I am now living my dream of doing what I love and supporting myself and family with it.
-        </q>
+        <ul id="testimonial"></ul>
     </div>
 
     <a name="about"></a>
     <h1 class="sectionHeader">About Section</h1>
 
     <a name="contactUs"></a>
     <h1 class="sectionHeader">Contact Us</h1>
+    <script type="module" src="main.js"></script>
 </body>
 </html>

main.js

@@ -0,0 +1,22 @@
+//Import Testimonials API
+import { testimonials } from './testimonials.js'
+
+function createNode(element) {
+    return document.createElement(element);
+}
+
+function append(parent, el) {
+    return parent.appendChild(el);
+}
+
+const testimonial = document.getElementById('testimonial');
+
+first(testimonials).map(testimonial => {
+    let li = createNode('li'),
+        span = createNode('span');
+
+        span.innerText = `${testimonial.testimonial}`;
+
+        append(li, span);
+        append(testimonial, li);
+})