Generate your own Dev.to wrapped 2021

Generate your own Dev.to wrapped 2021

ยท

2 min read

Introduction

Hello, I have come with my final article of the year, with the wrapped trends going on every where right from spotify wrapped to github wrapped, I have decided to bring wrapped to dev.to.

Yes you have heard it right, now you can generate dev.to wrapped.

The wrapped will look something similar to this ๐Ÿฅณ

https://res.cloudinary.com/rohith-gilla/image/upload/v1640586061/Blog/Screenshot_2021-12-27_at_11.50.54_AM_ngybxi.png

This gives your annual stats of the articles published in 2021

  • Total articles
  • Month which you have writen most articles in
  • Total comments received
  • Total reactions received
  • Total reading time which your articles count to.

How to use

Can't wait to find out yours? follow the simple steps and generate one for yourselves and share it to the world.

Dev API currently doesn't support oauth logins, so you have to

manually enter the api key here. But don't worry, the API key is

stored only in your browser cookies securely. To get your API key

follow the steps ๐Ÿ‘‡๐Ÿผ

  • Go to your dev.to profile page and click on the Settings page and click on account, or use this link https://dev.to/settings/account
  • Scroll a bit, you will see DEV Community API Keys section, write your own description and generate API Key.
  • The page will reload, then navigate back to the section, you will see the toggle on your api key description, click on it and you will see your API key.
  • Once you have the API key, paste it in the text field of this website https://devto-wrapped.netlify.app/ and click on Get Stats button and view your stats ๐Ÿฅณ

Tech Stack

This app has been built using the following tech stack.

That's all! Remix is amazingly good, very great DX and its a treat to use. I will be writing more remix content soon, so stay tuned.

This entire project is Open Source, you can find it here https://github.com/Rohithgilla12/dev-to-wrapped Leave a star if you liked it โญ๏ธ You can leave a PR if you want to or can add a feature request in the issues tab :D

The app is hosted on Netlify and is available here https://devto-wrapped.netlify.app/.

I will add a few more features soon, will share it on my twitter, so if you want to stay in the loop feel free to drop a follow there.

Live view count :D https://relaxed-joliot-41cdfa.netlify.app/.netlify/functions/counter?id=26

This is something which I built recently ๐Ÿ˜…

Thanks and can't wait to see your wrapped in the comments below

Rohith Gilla