var projects = [];

function Projects (project){
  this.title = project.title;
  this.img = project.img;
  this.projectUrl = project.projectUrl;
  this.body = project.body;
  this.skills = project.skills;
  this.date = project.projectDate;
}
Projects.prototype.toHtml = function () {
  var source = $('#project_template').html();
  var templateRender = Handlebars.compile(source);
  return templateRender(this);
};
projectsList.sort(function(currentProject, nextProject) {
  return (new Date(nextProject.projectDate)) - (new Date(currentProject.projectDate));
});
projectsList.forEach(function(project) {
  projects.push(new Projects(project));
});
Handlebars.registerHelper('list', function (skills, options) {
  var ulEl = '<ul class="skills">';
  for (var i = 0, j = skills.length; i < j; i++) {
    ulEl = ulEl + '<li>' + options.fn(skills[i]) + '</li>';
  }
  return ulEl + '</ul>';
});
projects.forEach(function(project){
  $('#projects').append(project.toHtml());
});

@@ -13,16 +13,19 @@
  = %5B%5D;%0A%0A
+// 
 function
@@ -45,16 +45,19 @@
 oject)%7B%0A
+// 
   this.t
@@ -78,16 +78,19 @@
 .title;%0A
+// 
   this.i
@@ -107,16 +107,19 @@
 ct.img;%0A
+// 
   this.p
@@ -150,16 +150,19 @@
 ectUrl;%0A
+// 
   this.b
@@ -181,18 +181,21 @@
 t.body;%0A
+//
   
+ 
 this.ski
@@ -216,18 +216,21 @@
 skills;%0A
+//
   
+ 
 this.dat
@@ -254,17 +254,402 @@
 ctDate;%0A
-%7D
+// %7D%0A%0A//Object constructor function%0A/*%0A  the data we are getting is coming from the function:%0A%0A      projectsList.forEach(function(project) %7B%0A        projects.push(new Projects(project));%0A      %7D);%0A%0A  for each is looping through     %0A  Key = the key in the projectsList object%0A*/%0Afunction Projects (projectsList) %7B%0A  for (key in projectsList) %7B%0A    this%5Bkey%5D = projectsList%5Bkey%5D;%0A  %7D%0A%7D%0A
 %0AProject

add JS for object constructor