JSFiddle - React, Tailwind, and code Playground

by ira kantsurova

HTML

<p></p>

JavaScript

var projects = [{
     "name": "RBC",
     "details": [{
          "project_name": "Credit Experience",
          "status": [{
              "current": "in design",
              "deadline": "10032014"
          }]},{ // Credit Experience
          "project_name": "CAO/CFO Performance",
          "status": [{
              "current": "development",
              "deadline": "30032014"
          }] // CAO/CFO
       }] //end RBC
},{
     "name": "Freelance",
     "details": [{
          "project_name": "Foundry TO",
          "status": [{
              "current": "UAT",
              "deadline": "16022014"
          }]},{ // Foundry
          "project_name": "My portfolio",
          "status": [{
              "current": "development",
              "deadline": "30022014|31132014|32032014" //Never!
          }] // portfolio
       }] //end Freelance
 }];

var currentprojects = $.map(projects || [], function(projectsF) {
    return{
        name: projectsF.name,
        details: $.map(projectsF.status || [], function(statusF) {
            return{
                current: statusF.current,
                deadline: statusF.deadline 
            };
        })
    };
});


$(p).html(projects);