JSFiddle - React, Tailwind, and code Playground

by Dano007

HTML

<!doctype html>

  <title>My Parse App</title>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <script type="text/javascript" src="http://www.parsecdn.com/js/parse-1.2.19.min.js"></script>
</head>

<body>
  
  <div id="main">


    <div style="display:none" class="error">
      Looks like there was a problem saving the test object. Make sure you've set your application ID and javascript key correctly in the call to <code>Parse.initialize</code> in this file.
    </div>

    <div style="display:none" class="success">
      <p>We've also just created your first object using the following code:</p>
      
        <code>
          var TestObject = Parse.Object.extend("TestObject");<br/>
          var testObject = new TestObject();<br/>
          testObject.save({foo: "bar"});
        </code>
    </div>
  </div>

<script type="text/javascript">
                        Parse.initialize("79tphN5KrDXdjJnAmehgBHgOjgE2dLGTvEPR9pEJ", "9lblofQNZlypAtveU4i4IzEpaOqtBgMcmuU1AE6Y");
    
    var TestObject = Parse.Object.extend("TestObject");
    var testObject = new TestObject();
      testObject.save({foo: "bar"}, {
      success: function(object) {
        $(".success").show();
      },
      error: function(model, error) {
        $(".error").show();
      }
    });
        
                          var user = new Parse.User();
                        var FriendRequest = Parse.Object.extend("FriendRequest");

                         ///SECTION 2 -Click/Select friend image to be captured and used with section 3//////////

                         // set up event handler



                         ///////////////SECTION 4 - Query that looks at FriendRequest and pulls back all of the badges held against the CURRENT USER which are stored in myBadges class///////////////
                        var MyBadge = Parse.Object.extend("myBadges");
                        var Status =...