JSFiddle - React, Tailwind, and code Playground

by Nalin Sajwan

JavaScript

var badgesArr = [
    {
      "id": "BkzpYebGQ",
      "name": "Comments Master",
      "theme": "Default",
      "type": "gold",
      "source": "",
      "event_name": "Comment",
      "event_type": "Workflow",
      "description": "Added 1000 inputs / comments to a workflow step",
      "eventId": "",
      "times": 1000,
      "duration": "none"
    },
    {
      "id": "ryezaFlbMQ",
      "name": "Super Commentator",
      "theme": "Default",
      "type": "silver",
      "source": "",
      "event_name": "Comment",
      "event_type": "Workflow",
      "description": "Added 700 inputs / comments to a workflow step",
      "eventId": "",
      "times": 700,
      "duration": "none"
    },
    {
      "id": "SJ-Matg-GQ",
      "name": "Commentator",
      "theme": "Default",
      "type": "bronze",
      "source": "",
      "event_name": "Comment",
      "event_type": "Workflow",
      "description": "Added 200 inputs / comments to a workflow step",
      "eventId": "",
      "times": 350,
      "duration": "none"
    },
    {
      "id": "rJfMpKgWMm",
      "name": "Inquisitive",
      "theme": "Default",
      "type": "silver",
      "source": "",
      "event_name": "Comment",
      "event_type": "Workflow",
      "description": "Ask a well received query on 30 separate days",
      "eventId": "",
      "times": 1,
      "duration": "30d"
    },
    {
      "id": "S1Xf6txWMm",
      "name": "Illuminator",
      "theme": "Default",
      "type": "gold",
      "source": "",
      "event_name": "Update Asset",
      "event_type": "Asset",
      "description": "Edit or update over 15 assets within 24 hours",
      "eventId": "",
      "times": 1,
      "duration": "24h"
    },
    {
      "id": "r14zpFgZz7",
      "name": "Unsung Hero",
      "theme": "Default",
      "type": "silver",
      "source": "",
      "event_name": "Reject",
      "event_type": "Workflow",
      "description": "Move workflow steps or reject steps: more than 10",
      "eventId": "",
...