title: A way to emulate a database with HTML5's localStorage
body: <p>I have a small table of roughly 600 rows which looks something like this:</p>
  
  <pre><code>Make  |  Model     |  Year1  | Year2
  Chevy |  Silverado |  2000   | 2014
  Chevy |  Cobalt    |  1988   | 2015
  </code></pre>
  
  <p>The site works like this: User picks a single year in a dropdown and the query looks for that year in range to display all available Makes for that year. Then the user picks his Make and the query looks for available Model based on that year/make.</p>
  
  <p>What I am trying to do is to make that process available offline without the need to query online db every time.</p>
  
  <p>I was looking into localStorage, but it can only store key-value pairs. So I can't see how I can do this with localStorage. WebSQL won't work either because it's not supported in all browsers.</p>
  
  <p>Any suggestions on how I can implement this offline? The user only needs to visit the site once and then all the data should load locally and query locally.</p>
  
  <p>Just to be clear I'm not asking for any code. I am asking for a bigger picture of how to implement this.</p>