JSFiddle - React, Tailwind, and code Playground

by Joe Steinbring

HTML

<div ng-app>
     <h1>Joe's Skills</h1>

    <div ng-controller="SkillsCtrl">
        <ul>
            <li ng-repeat="skill in skills">
                 <h2><a href="{{skill.value.BlogURL}}">{{skill.value.Name}}</a></h2>

                <p>{{skill.value.Details}}</p>
            </li>
        </ul>
    </div>
</div>

CSS

ul {
    list-style-type: none;
}

JavaScript

function SkillsCtrl($scope, $http) {
    jsonFeed = 'https://steinbring.iriscouch.com/resume_skills/_design/resume/_view/all_skills';
    $http.get(jsonFeed).success(function (data) {
        $scope.skills = data.rows;
    });
}