Supahands Front-End Test

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="container">
  <div class="row">
    <div class="col-sm-12">
      <h3>Restaurants in Kuala Lumpur</h3>
      
      <p>
        Number of restaurants : 1
      </p>
      
      <p>
        Filter by type :
        <a class="btn btn-default btn-sm" href="#" role="button">Japanese</a>
        <a class="btn btn-default btn-sm" href="#" role="button">French</a>
      </p>

      <table class="table table-striped">
        <thead>
          <td>Name</td>
          <td>Opening Times</td>
          <td>Rating</td>
          <td>Location</td>
        </thead>
        <tr>
          <td>Greyhound Cafe</td>
          <td>
            <ul>
              <li>8 AM to 11 PM (Mon, Tue, Wed, Thu, Sun)</li>
              <li>8 AM to 12 Midnight (Fri-Sat)</li>
            </ul>
          </td>
          <td>4.3</td>
          <td>Bukit Bintang</td>
        </tr>
        <tr>
          <td>...</td>
          <td>...</td>
          <td>...</td>
          <td>...</td>
        </tr>
      </table>
    </div>
  </div>
</div>

JavaScript

var jsonUrl = 'https://lucleray.me/static/restaurants.json';