JSFiddle - React, Tailwind, and code Playground

HTML

<body ng-app='FiddleApp' >
    <div ng-controller='PeopleController'>
        <span># People: numberOfPeopleGoesHere</span>
        <div class='person' >
            <p>Name: name_goes_here </p>
            <p>Age: age_goes_here </p>
            <div>Hobbies_go_here_for_extra_credit </div>
        </div>
    </div>
</body>

CSS

.person{
    margin: 20px;
    padding: 20px;
    border: solid purple 1px;
}

JavaScript

var app = angular.module('FiddleApp',[]);
app.controller('PeopleController', function($scope){
    $scope.people = [
        { name: 'Peter',
          age: 53,
          hobbies: ['soccer','ping-pong','tennis']
        },
        { name: 'Paul',
          age: 11,
          hobbies: ['kendo','judo','jujitsu']
        },
        { name: 'Mary',
          age: 44,
          hobbies: ['Steam Punk','Dr. Who','Staying Inside']
        },
    ]; 	
        console.log($scope);
});