JSFiddle - React, Tailwind, and code Playground

SELECT * FROM user WHERE id = 1;

by Kato Richardson

HTML

<script src="http://static.firebase.com/v0/firebase.js"></script>
<h3>SELECT * FROM user WHERE email = '[email protected]';</h3>
<pre>?</pre>

CSS

pre {
    padding: 20px;
    font-size: 20px;
    border-radius: 15px;
    background-color: #fafafa;
    border: 1px solid #999;
    float: left;
    font-family: 'Courier New', 'Courier', monospaced;
}

h3 {
    clear: both;
    padding-top: 20px;
}

JavaScript

new Firebase("https://examples-sql-queries.firebaseio.com/user")
    .startAt('[email protected]')
    .endAt('[email protected]')
    .once('value', show);

function show(snap) {
   $('pre').text(JSON.stringify(snap.val(), null, 2));
}