JSFiddle - React, Tailwind, and code Playground

JavaScript

var json = {
    "projects": {
        "COMMERCIAL": [{
            "ppID": "87",
                "pTitle": "5th Street Lofts"
        }, {
            "ppID": "94",
                "pTitle": "Skip-a-Long Child Development Services"
        }],
            "CORPORATE": [{
            "ppID": "86",
                "pTitle": "Caxton Building"
        }, {
            "ppID": "68",
                "pTitle": "Swiss Valley Corporate Headquarters"
        }],
            "EDUCATION (COLLEGIATE)": [{
            "ppID": "20",
                "pTitle": "Ashford University - Athletic Field"
        }, {
            "ppID": "64",
                "pTitle": "St. Ambrose University - Center For Health And Science Education"
        }]
    },
        "error": "0"
};

var html = '', 
    projects,
    type, i;

for (var type in json.projects) {
    if (json.projects.hasOwnProperty(type) ) {
       html += "<div class='smSubTitle'>" + type + "</div>";
       projects = json.projects[type];
       for ( i = 0; i < projects.length; i++) {
            html += "<a href='somePage.html?id="+ projects[i].ppID+ "'>"+ projects[i].pTitle +"</a><br>"
       } 
    }
}

document.body.innerHTML = html;