diff --git a/scripts/album-info.js b/scripts/album-info.js
index e69de29b..8fb1ae42 100644
--- a/scripts/album-info.js
+++ b/scripts/album-info.js
@@ -0,0 +1,6 @@
+{
+    $('#album-title').text(album.title);
+    $('img#album-cover-art').attr('src', album.albumArtUrl);
+    $('.artist').text(album.artist);
+    $('#release-info').text(album.releaseInfo);
+}
\ No newline at end of file
diff --git a/scripts/song-list.js b/scripts/song-list.js
index e69de29b..2910d02c 100644
--- a/scripts/song-list.js
+++ b/scripts/song-list.js
@@ -0,0 +1,29 @@
+{
+    album.songs.forEach( (song, index) => {
+        song.element = $(`
+            <tr>
+                <td>
+                    <button>
+                        <span class="song-number">${index + 1}</span>
+                        <span class="ion-play"></span>
+                        <span class="ion-pause"></span>
+                    </button>
+                </td>
+                <td>song.title</td>
+                <td>song.duration</td>
+                <td>${index + 1}</td>
+                <td>${song.title}</td>
+                <td>${song.duration}</td>
+            </tr>
+        `);
+
+        song.element.on('click', event => {
+            player.playPause(song);
+        });
+
+        $('#song-list').append(song.element);
+    });
+}
+
+
+