RoR Developer's Debug Menu for JSON data.

_devdebug.html.erb

<!--Developer's debug menu at bottom of index page-->
<div id="accordion">
  <div class="card">
    <div class="card-header" id="headingOne">
      <h5 class="mb-0">
        <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
          Developer Debug Menu (click to toggle)
        </button>
      </h5>
    </div>

    <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
      <div class="card-body">


        <div class="container">
          <h4>Developers debug menu</h4>
          <h6>RAW JSON</h6>
          <div class="jumbotron">
            <%= @json_object.inspect %>
          </div>
          <h6>JSON (Data)</h6>
          <table class="table table-bordered">
            <thead>
            <tr>
              <th>EventID</th>
              <th>Event Name</th>
              <th>Admin Contact</th>
              <th>No of People</th>
              <th>No of Teams</th>
            </tr>
            </thead>
            <tbody>
            <!-- @json_object is the object holding the json data. -->
            <% if @json_object.nil? %>
              <span>the json return is empty</span>
            <% else %>
              <% @json_object.each do |key, value| %>
                <tr>
                <!-- Add a new column for your JSON key -->
                  <td><%= value['eventID'] %></td>
                  <td><%= value['eventName'] %></td>
                  <td><%= value['eventAdminEmail'] %></td>
                  <td><%= value['eventNoOfPpl'] %></td>
                  <td><%= value['eventNoTeams'] %></td>
                </tr>
              <% end %>
            <% end %>
            </tbody>
          </table>
        </div>


      </div>
    </div>
  </div>
</div>