Ashik Chapagain
The Tech Hulk

The Tech Hulk

Introducing Hashnode Card: Showcase awesome hashnode achievements

Introducing Hashnode Card: Showcase awesome hashnode achievements

Generate awesome personalized cards which you can showcase to the community that contains all your awesome achievements on Hashnode

Ashik Chapagain
·Sep 4, 2021·

2 min read

Subscribe to my newsletter and never miss my upcoming articles

Play this article

Index

Introduction

Introducing unofficial Hashnode Card.

Live / Github

Hashnode card is a personalized card that you can showcase to the community that contains all your awesome achievements on Hashnode.

Demo

In this demo, I have created the card of the following hashnoders.

Features

  • Includes the data like name, blog handle, number of articles, number of impressions, number of followers, and number of followings.
  • Download the Card and share it with the world
  • Share the URL of the image

Upcoming Features

I am currently working on getting the user's badges. A few days from now all of the badges users have earned will be displayed on the card.

FAQs

  • Why data fetching is slow?
    Hashnode API features a wealth of details, such as a multitude of impressions, followers, username, photo, and the number of individuals being followed. We also require a significant quantity of articles, which the hashnode API can not offer. I've also set up an infinite loop to grab every post the user wrote and tally up all of them. And if you have a lot of posts, it will take longer to load.

  • Why not Vercel?
    As I utilized an endless loop to count all the postings, Vercel's restriction of 10s for the serverless request was a concern, thus I decided to host the site on Heroku.

  • Why isn't a custom domain displayed?
    As you can see, I presented the hashnode subdomain because I am unsure whether the Hashnode API provides the custom domains of publications. As a result, I inserted the Hashnode provided subdomain.

Credits

  • Lalit for helping me for designing the UI of the Card and Homepage

Did you find this article valuable?

Support Ashik Chapagain by becoming a sponsor. Any amount is appreciated!

Learn more about Hashnode Sponsors
 
Share this