JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
    <script data-require="[email protected]" data-semver="2.2.4" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <script data-require="[email protected]" data-semver="1.5.8" src="https://code.angularjs.org/1.5.8/angular.js"></script>
    <script src="~/Scripts/Custom/Page.js"></script>
</head>
<body ng-app="Portfolio" ng-controller="portFolioController">
    <div class="page-header">
        <h1>Ceri Westcott : Portfolio</h1>
    </div>
    <div class="dropdown">
        <select ng-options="item.cssClass as item.type for item in categories track by item.cssClass" ng-model="filterValue"></select>
    </div>
    <div class="webApplications panel">
        <div class="panel panel-default">
            <div class="panel-body">
                <b>Title: Weight/Distance Tracker </b>
            </div>
        </div>
    </div>
    <div class="unity">
        <div class="panel panel-default">
            <div class="panel-body">
                <b>Title: Doink </b>
            </div>
        </div>
    </div>
    {{filterValue}}
    
    <script>
    var app = angular.module("Portfolio", []);

app.controller("portFolioController",
    function($scope) {
        $scope.categories = [
            { type: "Web Application", cssClass: "webApplication" },
            {  type: "Unity", cssClass: "unity" },
        ];

        $scope.filterValue = "";
    });</script>
</body>
</html>