From 9f2c5d9ac600aaba82770373c3833a8afb17a2ac Mon Sep 17 00:00:00 2001
From: Melanie <motorresweb@gmail.com>
Date: Thu, 25 May 2017 11:31:29 -0400
Subject: [PATCH 1/4] Made an Ajax Call

Ajax request to the report card URL on CodeSchool.com

dataType and Success were added
---
 src/assets/main.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/assets/main.js b/src/assets/main.js
index 25601766..996940e9 100644
--- a/src/assets/main.js
+++ b/src/assets/main.js
@@ -1,5 +1,8 @@
 $(function() {
 
-  // your code will go here
-
+$.ajax({'https://www.codeschool.com/users/motorresweb',
+	dataType: 'jsonp',
+	success: function(response){
+//handle response
+}
 });

From e2fb7d2871b52071212997fb75f2371e215a76c4 Mon Sep 17 00:00:00 2001
From: Melanie <motorresweb@gmail.com>
Date: Thu, 25 May 2017 12:11:16 -0400
Subject: [PATCH 2/4] Change to Success Function

Added the handle response code line
---
 src/assets/main.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/assets/main.js b/src/assets/main.js
index 996940e9..b83ecff3 100644
--- a/src/assets/main.js
+++ b/src/assets/main.js
@@ -1,8 +1,10 @@
 $(function() {
 
-$.ajax({'https://www.codeschool.com/users/motorresweb',
+$.ajax({url:'https://www.codeschool.com/users/motorresweb',
 	dataType: 'jsonp',
 	success: function(response){
-//handle response
+		$('courses.completed').html(response);
 }
+$('#badges').addClass('.course');
+$('.course').css('<h3> + 'title' + </h3>');
 });

From ec3d8a72be1980c135dc68e7582c295126534b15 Mon Sep 17 00:00:00 2001
From: Melanie <motorresweb@gmail.com>
Date: Thu, 25 May 2017 12:16:43 -0400
Subject: [PATCH 3/4] Added '.json' to url

---
 src/assets/main.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/assets/main.js b/src/assets/main.js
index b83ecff3..d6ef09ae 100644
--- a/src/assets/main.js
+++ b/src/assets/main.js
@@ -1,9 +1,10 @@
 $(function() {
 
-$.ajax({url:'https://www.codeschool.com/users/motorresweb',
+$.ajax({
+	url:'https://www.codeschool.com/users/motorresweb.json',
 	dataType: 'jsonp',
 	success: function(response){
-		$('courses.completed').html(response);
+		console.log('response', response);
 }
 $('#badges').addClass('.course');
 $('.course').css('<h3> + 'title' + </h3>');

From 2f7ab6c97faa0a44b35a43f73b7de6bbe885358c Mon Sep 17 00:00:00 2001
From: Melanie <motorresweb@gmail.com>
Date: Thu, 25 May 2017 12:45:09 -0400
Subject: [PATCH 4/4] All Completed

---
 src/assets/main.js | 33 ++++++++++++++++++++++++++++++---
 1 file changed, 30 insertions(+), 3 deletions(-)

diff --git a/src/assets/main.js b/src/assets/main.js
index d6ef09ae..def515e7 100644
--- a/src/assets/main.js
+++ b/src/assets/main.js
@@ -4,8 +4,35 @@ $.ajax({
 	url:'https://www.codeschool.com/users/motorresweb.json',
 	dataType: 'jsonp',
 	success: function(response){
-		console.log('response', response);
+	addCourses(response.courses.completed);
 }
-$('#badges').addClass('.course');
-$('.course').css('<h3> + 'title' + </h3>');
+});
+
+function addCourses(courses){
+
+var $badges = $('#badges');
+
+courses.forEach(function(course){
+
+		var $course = $('<div />',{
+		'class': 'course'
+		}).appendTo($badges);
+
+		$('<h3 />',{
+			text: course.title
+		}).appendTo($course);
+
+		$('<img />',{
+			src: course.badge
+		}).appendTo($course);
+
+		$('<a />',{
+			'class': 'btn btn-primary',
+			target: '_blank',
+			href: course.url,
+			text: 'See Course'
+		}).appendTo($course);
+
+		});
+	}
 });