JSFiddle - React, Tailwind, and code Playground

by ninty9notout

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.6.2/fuse.min.js"></script>

JavaScript

let data = [
    {
        "id": 1,
        "age": "20+ Years",
        "location": "In Person",
        "open_to": "Hub Members",
        "theme": "Backstage",
        "sold_out": true
    },
    {
        "id": 2,
        "age": "15-17 Years",
        "location": "In Person",
        "open_to": "Hub Members",
        "theme": "Auditions",
        "sold_out": false
    },
    {
        "id": 3,
        "age": "15-17 Years",
        "location": "In Person",
        "open_to": "Hub Members",
        "theme": "Backstage",
        "sold_out": true
    },
    {
        "id": 4,
        "age": "11-14 Years",
        "location": "Online",
        "open_to": "Hub Members",
        "theme": "Masterclasses",
        "sold_out": false
    },
    {
        "id": 5,
        "age": "11-14 Years",
        "location": "Online",
        "open_to": "NYT Members",
        "theme": "Acting",
        "sold_out": true
    },
    {
        "id": 6,
        "age": "11-14 Years",
        "location": "Online",
        "open_to": "Hub Members",
        "theme": "Backstage",
        "sold_out": true
    },
    {
        "id": 7,
        "age": "20+ Years",
        "location": "Online",
        "open_to": "NYT Members",
        "theme": "Acting",
        "sold_out": false
    },
    {
        "id": 8,
        "age": "20+ Years",
        "location": "Online",
        "open_to": "NYT Members",
        "theme": "Auditions",
        "sold_out": true
    },
    {
        "id": 9,
        "age": "20+ Years",
        "location": "Online",
        "open_to": "NYT Members",
        "theme": "Acting",
        "sold_out": true
    },
    {
        "id": 10,
        "age": "15-17 Years",
        "location": "Online",
        "open_to": "NYT Members",
        "theme": "Masterclasses",
        "sold_out": false
    },
    {
        "id": 11,
        "age": "15-17 Years",
        "location": "In Person",
        "open_to": "Hub Members",
        "theme": "Masterclasses",
        "sold_out": true
    },
  ...