Example HN Story

story.json

{
  "id": "lFthoYgwXZzfpNWyr5FD",
  "tags": [
    "react",
    "reactjs",
    "javascript",
    "web-development",
    "website-development",
    "loading-screen",
    "reactjs-loading",
    "webdev",
    "web-monetization"
  ],
  "markup": "<div class=\"paragraph\">Hey People!\r</div>",
  "publishedAt": 1613943161,
  "mainImageAttributionLink": null,
  "fromSlack": false,
  "firstSeenAt": false,
  "title": "Step by Step Guide to Create 3 Different Types of Loading Screens in React",
  "mainImage": "https://hackernoon.com/images/541r0RExUOQ3nFAQs7oJuST9Axf2-g6aq337h.jpeg",
  "slug": "step-by-step-guide-to-create-3-different-types-of-loading-screens-in-react-lu2633nd",
  "createdAt": 1613943155,
  "wordCount": 1459,
  "editor": {
    "displayName": "Rianke K",
    "id": "vs58yHu80FMCBlLC590ASRmc8Hl1",
    "handle": "rianke"
  },
  "excerpt": "Here I will show you 3 ways to create cool loading screen or preloader in React.",
  "profile": {
    "github": "coderMaster",
    "adText": "Subscribe to my 'Learn to Code' blog!",
    "showStatsPublicly": true,
    "publicBookmarks": true,
    "id": "541r0RExUOQ3nFAQs7oJuST9Axf2",
    "bio": "Helping you to learn code! 😜",
    "youtube": "CodeBucks",
    "avatar": "https://hackernoon.com/images/coder_guy.jpeg",
    "twitter": "code_bucks",
    "adLink": "",
    "adIcon": "fas fa-user-astronaut",
    "displayName": "Coder",
    "handle": "coder"
  },
  "images": {
    "%2Fimages%2F541r0RExUOQ3nFAQs7oJuST9Axf2-g6aq337h.jpeg": {
      "width": 1366,
      "height": 657
    }
  },
  "estimatedTime": 6,
  "published": true,
  "reactions": {
    "sections": {},
    "total": 6,
    "storyReactions": {
      "light": 2,
      "boat": 0,
      "heart": 2,
      "money": 2
    }
  }
}