DEV Community

Cover image for I made an app: Discover how people react to you on GitHub
Vincent Voyer
Vincent Voyer

Posted on

5 3

I made an app: Discover how people react to you on GitHub

Hey there dev community, I always wanted to build this: an app that lists and summarizes all the reactions I received on my GitHub comments.

It took me some time (one week) but I made it! You can access it here: https://sourcekarma.vercel.app.

You can share your score on Twitter and also get a nice badge for your GitHub readme:

Hi there πŸ‘‹

I am a Senior Web Developer at PhotoRoom.

Maker

  • TurnShift: Automate Your Team Schedule
  • Next.js News: The Next.js Monthly Newsletter
  • Source Karma: Discover how people react to you on GitHub πŸ‘
  • Tweets @vvoyer: JavaScript, React, Next.js, Building In Public

Source Karma badge for @vvo




The technical and design part were super fun, I am using:

  • Vercel
  • Next.js
  • Puppeteer (to generate social images and GitHub badges)
  • AWS RDS (PostgreSQL)
  • Craftwork (for the awesome illustrations)
  • Fathom (for stats)

Give it a try and please ask any questions you have here!

Best,
Vincent

PS: Here's the launch tweet

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (2)

Collapse
 
offirmo profile image
Offirmo β€’

Cool one!

Small feedback on the UI: it's hard to read, having to parse the percentages vs. the absolute number.
How about sth like that: (unicode)

πŸ‘ β–‰β–‰β–‰β–‰β–‰β–‰β–‰β–‹ 48% (905)
πŸ‘Ž ▉▉▉▍ 25% (435)
...

(unicode bars chars for your convenience: β–‰β–Šβ–‹β–β–Žβ–)

Collapse
 
vvo profile image
Vincent Voyer β€’

Hey there :)

Indeed this could definitely help! To be honest, this was a one-shot application, so not sure I'll spend more time polishing it (I already spent SO MUCH TIME lol).

But hey, it's opensource :D github.com/vvo/sourcekarma (unsure it's easy to run though)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay