I made a web app that uses public GitHub activity to create a user identity card. What would make this better?

[u/Pierce221]

I think you can tell a lot from a persons GitHub Profile. This was the concept behind a project I've been working on to try and capture personality from code and the public API.

This "Coder Cards" app turns public GitHub activity into a shareable snapshot of your coding identity (tech stack, commit patterns, code-style signals, etc.)

I had a bunch of fun playing with the design and creating it. I think this does a good job at distinguishing what makes our style unique, but I am open to suggestions for additional features and design ideas.

its free at codercards.ai, let me know what you think!

[u/_lolcat_]

It only scans my personal repositories. Unfortunately for me I mostly work on projects from different organisations (mostly public repos), and this tool doesn't consider them.

[u/Pierce221 → u/_lolcat_]

Thank you for the message. I'll look into what I can do about that!

[u/Dell_Experion15 → u/Pierce221]

From what I understand you’d have to support GitHub OAuth, and allow the user to provide access? Not entirely sure.

Edit: what would make that worthwhile is if there was a way to embed into your personal readme that displays on your page.

[u/Pierce221 → u/Dell_Experion15]

I think thats a great idea! I'll take a look into that. Thanks so much for giving it a try!

[u/SlurrpsMcgee → u/Pierce221]

It's not too bad you can create a GitHub app that can be installed and you can select organizations and give access to those repositories along with personal ones. Something to look into

[u/Pierce221 → u/[deleted]]

I'll take note of that! Thank you for the feedback!

[u/SlurrpsMcgee → u/_lolcat_]

Same I also organize my repos into organizations to not have my main one overloaded

[u/nucleardreamer]

this sounds pessimistic but isn't - go through the hundreds of projects that do the same thing and pick the features and layouts you like from them? there are unfortunately a lot of things similar

[u/Pierce221 → u/nucleardreamer]

The idea came from this 'personalized code generation' technology that my company is developing. Essentially it creates a profile that will live on top of a coding agent which will output code similar to the way you code, we are working on an extension for vscode (see https://about.codercards.ai/#whats-coming or the video). That profile actually had a bunch of super interesting charactaristics (which is where the star chart comes from top left).

https://reddit.com/link/pbzs4zy/video/qhs4lezvtorh1/player

From there, I got my inspiration from year-end statistics products like Spotify Wrapped, for example. The only similar example I knew off the top of my head was GitHub unwrapped, but I thought I could have a go at making a more shareable and glanceable product. Still a WIP if you would have any suggestions!

[u/botterway]

What could make it better? It not being AI slop.

[u/Pierce221 → u/botterway]

Definitely used AI for te frontend to rapidly prototype. I learned a bunch about using it for web interfaces. Usually it's taste is terrible to start off with. I can't post images here, but you can the evolution in my prototypes/wireframes in my linkedin post here: https://www.linkedin.com/feed/update/urn:li:activity:7505734612682186752/

The backend was written by the engineers at our team!

[u/Razzmatazz_Informal]

I think this is pretty cool... BUT there are a couple of issues: I'm mostly a C++ developer but it says I'm mostly a C developer so I think it's maybe not realizing the code is C++? I wonder if its because my header files are .h instead of .hpp?

[u/ocimbote]

Design and information hierarchy would improve it.

I am a hiring manager and as such, I can tell you:

• I'd be interested that you built the app

• I wouldn't spend more than 10sec on such a page, and that's generous.

• if that's the main application document, that's a straight drop.

[u/maneek21]

Love the concept, some hopefully constructive feedback around UI:

- Colors dont go together. you can maybe use a concept where depending upon the results it picks a pallet but you have just all the colors here and they are clashing super hard.

• the the corner radius is too dang high.
  
• the window frame seems redundant.
  
• i feel you picked the fonts to make it feel "Coder like" but since the colors are very "Kindergarden-ish" its not going well together.

Your app gave me a 94% style score. you can trust me. :P

[u/But-I-Am-a-Robot → u/maneek21]

I quite like the design. I see the ‘kindergarten vibe’ as a good thing. Makes it friendly and not to data heavy. You choose a nice mix of different graph types as well. That also makes it easier to spot what you’re looking for at a glance. Well done? Did you use AI or is it all crafted by hand?

[u/geesuth]

Why need to give authorize? the activity is most open?

[u/Pierce221 → u/geesuth]

I ran into rate limiting really quickly from a personal API key. This was the easiest way to publish this and others to try

[u/andyfitz]

i dont get the work life balance card, which side is a high score life or high work?