JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>
<script src="https://cdn.firebase.com/js/client/1.0.15/firebase.js"></script>
<script src="https://cdn.firebase.com/libs/angularfire/0.7.1/angularfire.min.js"></script>
<div ng-controller="MyController">
  <ul ng-repeat="person in people">
    <li></li>
  </ul>
  <input type="text" ng-model="newPerson"/>
  <button type="submit" ng-click="addPerson()">Add New Person</button>
</div>

JavaScript

function MyController($scope, $firebase) {
  var peopleRef = new Firebase("https://kasir.firebaseio.com/proizvod");
  $scope.people = $firebase(peopleRef);
    debugger;
  $scope.addPerson = function() {
    // AngularFire $add method
    $scope.people.$add($scope.newPerson);
    //or add a new person manually
    peopleRef.update({name: 'Alex', age: 35});
 
    $scope.newPerson = "";
  }
}