JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular-sanitize.min.js"></script>
<script src="https://cdn.firebase.com/libs/angularfire/1.0.0/angularfire.min.js"></script>
<script src="https://cdn.firebase.com/js/client/2.2.2/firebase.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.13/angular-ui-router.min.js"></script>
<div ng-app="app">
    <div ng-controller="mainController as mainVm">
        <form class="" ng-submit="vm.passwordRegister()" ng-controller="loginController as vm">
            <div class="panel panel-default">
                <div class="panel-heading">Register</div>
                <div class="panel-body">
                    <div class="form-group">
                        <input type="text" ng-model="vm.number" class="form-control" placeholder="Client Number" ng-Blur="vm.numberCheck()" />
                    </div>
                    <div class="form-group">
                        <input type="text" ng-model="vm.name" class="form-control" placeholder="Your Name" />
                    </div>
                    <div class="form-group">
                        <input type="text" ng-model="vm.email" class="form-control" placeholder="E-mail Address" />
                    </div>
                    <div class="form-group">
                        <input type="password" ng-model="vm.password" class="form-control" placeholder="Password" />
                    </div>
                    <div class="form-group">
                        <input type="password" ng-model="vm.secret" class="form-control" placeholder="Account Secret" />
                    </div>
                </div>
                <div class="panel-footer clearfix">
                    <button type="submit" class="btn...

JavaScript

(function () {

    var app = angular.module('app', ['firebase', 'ui.router'])

        .constant('firebaseUrl', "https://testappformoe.firebaseio.com/");

    app.config(function ($stateProvider, $urlRouterProvider, firebaseUrl) {

        $urlRouterProvider.otherwise('/home');

        $stateProvider.state('home', {
            url: '/home',
            templateUrl: 'partials/partial-home.html'
        })

            .state('dashboard', {
            url: '/dashboard',
            templateUrl: 'partials/partial-dashboard.html',
            resolve: {
                "currentAuth": ["$firebaseAuth", function ($firebaseAuth) {
                    // $requireAuth returns a promise if authenticated, rejects if not
                    var ref = new Firebase(firebaseUrl);
                    var authObj = $firebaseAuth(ref);

                    return authObj.$requireAuth();
                }]
            }
        });
    });


})();

(function () {

    angular.module('app')
        .controller('mainController', mainController);

    mainController.$inject = ['$firebaseAuth', '$firebaseObject', '$state', 'firebaseUrl', '$scope'];

    function mainController($firebaseAuth, $firebaseObject, $state, firebaseUrl, $scope) {

        var vm = this;
        vm.navigateTo = function (state) {
            $state.go(state);
        }

        var ref = new Firebase(firebaseUrl + 'AccountOpen');
        var syncObject = $firebaseObject(ref);
        $scope.AccountOpen = syncObject;
    }

})();

(function () {

    angular.module('app')
        .controller('loginController', loginController);

    loginController.$inject = ['$scope', '$firebaseAuth', '$firebaseObject', '$firebaseArray', '$state', 'firebaseUrl'];

    function loginController($scope, $firebaseAuth, $firebaseObject, $firebaseArray, $state, firebaseUrl) {

        vm.numberCheck = function ($scope, $vm, $window) {

            ref.child('clientNumbers').startAt(vm.number).endAt(vm.number).once('value',...