JSFiddle - React, Tailwind, and code Playground

by Anik Islam Abhi

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="https://code.jquery.com/jquery-2.2.0.js"></script>
<div ng-app="myApp">
  <div data-ng-controller="myCtrl">
    <div ng-repeat="sw in data.software">
      {{sw.name}} v{{sw.version}}
    </div>
  </div>
</div>

CSS

table {
  width: 100%;
  text-align: center;
}

tr:hover {
  background: #000;
  color: #fff;
}

JavaScript

var myApp = angular.module('myApp', []);
myApp.controller('myCtrl', function($scope) {

  $scope.data = {
    "software": [{
      "name": "Eclipse",
      "version": "4.5"
    }, {
      "name": "Sublime Text",
      "version": "3.0"
    }, {
      "name": "ConEmu",
      "version": "1.5"
    }]
  }

})