diff --git a/dashboard/src/app/artist.component.html b/dashboard/src/app/artist.component.html
index 4c20545..cac0a67 100644
--- a/dashboard/src/app/artist.component.html
+++ b/dashboard/src/app/artist.component.html
@@ -1,11 +1,33 @@
-<h1>{{albumName}}</h1>
+<div class="container">
+<h1>{{artistName}}</h1>
 
 <div class="alert alert-warning">
     <h3>Debug Zone</h3>
     Returned song: {{songs.length}}<br />
+    Theorical song: {{ artist ? artist['Track Count'] : ""  }}
+    <span *ngIf="artist && (songs.length == artist['Track Count'])" class="glyphicon glyphicon-ok" style="color:green"></span>
+    <span *ngIf="artist && (songs.length != artist['Track Count'])" class="glyphicon glyphicon-remove" style="color:red"></span>
 </div>
 
 <div class="row cardAdmin">
+    <div class="col-lg-3 col-md-3">
+        <div class="panel panel-yellow">
+            <div class="panel-heading">
+                <div class="row">
+                    <div class="col-xs-3">
+                        <span class="glyphicon glyphicon-star stats_icon"></span>
+                    </div>
+                    <div class="col-xs-9 text-right">
+                        <div>
+                            <h3 *ngIf="!artist"><span class="glyphicon glyphicon-refresh loading"></span></h3>
+                            <h3 *ngIf="artist">{{artist.Rating}}/100</h3>
+                        </div>
+                        <div><br>Rating</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
     <div class="col-lg-3 col-md-3">
         <div class="panel panel-blue">
             <div class="panel-heading">
@@ -18,7 +40,43 @@
                             <h3 *ngIf="!artist"><span class="glyphicon glyphicon-refresh loading"></span></h3>
                             <h3 *ngIf="artist">{{artist.Album?.length}}</h3>
                         </div>
-                        <div><br>albums</div>
+                        <div><br>Albums</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="col-lg-3 col-md-3">
+        <div class="panel panel-green">
+            <div class="panel-heading">
+                <div class="row">
+                    <div class="col-xs-3">
+                        <span class="glyphicon glyphicon-list-alt stats_icon"></span>
+                    </div>
+                    <div class="col-xs-9 text-right">
+                        <div>
+                            <h3 *ngIf="!artist"><span class="glyphicon glyphicon-refresh loading"></span></h3>
+                            <h3 *ngIf="artist">{{artist['Track Count']}}</h3>
+                        </div>
+                        <div><br>Songs</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="col-lg-3 col-md-3">
+        <div class="panel panel-purple">
+            <div class="panel-heading">
+                <div class="row">
+                    <div class="col-xs-3">
+                        <span class="glyphicon glyphicon-headphones stats_icon"></span>
+                    </div>
+                    <div class="col-xs-9 text-right">
+                        <div>
+                            <h3 *ngIf="!artist"><span class="glyphicon glyphicon-refresh loading"></span></h3>
+                            <h3 *ngIf="artist">{{artist['Play Count']}} list.</h3>
+                        </div>
+                        <div><br>~{{artist['Play Count'] / artist['Track Count'] | number:'1.0-0'}} listening avg.</div>
                     </div>
                 </div>
             </div>
diff --git a/dashboard/src/app/dashboard.component.css b/dashboard/src/app/dashboard.component.css
index 9c5e289..77825c4 100644
--- a/dashboard/src/app/dashboard.component.css
+++ b/dashboard/src/app/dashboard.component.css
@@ -16,6 +16,11 @@
   color:white;
 }
 
+.panel-purple {
+  background-color: #9b59b6;
+  color:white;
+}
+
 .panel-blue {
   background-color: #3498db;
   color:white;