JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="nairaland" ng-controller="postsCtrl" >
<input type="text" ng-model="search" placeholder="Search Users">
<ol>
    <li ng-repeat="post in posts | filter:search">
    <strong><a href="">{{ post.title}}</a></strong>
    <p>{{post.body}}</p>
    </li>
</ol>
</div>

CSS

*{
  margin:0;
  padding:0;
}
div{
  padding:10px 10px 10px 30px;
}
ol li{
  padding:10px 0;
  border-bottom:1px solid #ddd;
}

JavaScript

var app = angular.module("nairaland", []);
app.controller("postsCtrl", function($scope,$http){
$scope.posts = [];
var endpoint = "https://jsonplaceholder.typicode.com/posts";
$http.get(endpoint).then(function successCallback(data) {
for(var i = 0; i < data.data.length; i++){
$scope.posts.push({title : data.data[i].title, body : data.data[i].body});
}
});
});