DEV Community

Dharmen Shah
Dharmen Shah

Posted on β€’ Edited on

6 2

Gitalytics - A simple overview of Github activities

What I am planning to build

A simple analytics like tool which will give overview of developer's Github activities based on mainly 2 inputs: username and date-range.

Category Submission: Random Roulette

Link to Source Code

GitHub logo shhdharmen / gitalytics

πŸ™ 🐱 πŸ“Š Gitalytics - A simple overview of your Github activities

Gitalytics

A simple overview of your github activities https://gitalytics.netlify.app

Gitalytics


Table of Contents

About

What is this?

I built an app called Gitalytics, which will show summarized GitHub Activities.

I got inspired from Spotify Year in Review feature and thought that developers should also see their GitHub Year in Review, a.k.a #2020Coded.

How I built it

I have created an NX workspace using angular-nest preset. For more on code visit my article on dev.to: Basic Structure Done with Nx and Deployed on DigitalOcean App Platform

How does it look?

#2020Coded Page (Light theme):

Alt Text

#2020Coded Page (Dark theme):

Alt Text

What does it show?

As of now, Gitalytics can get and show following details of 2020 fetched from…




Permissive License: MIT

Background

I got inspired from Spotify Year in Review feature and thought that developers should also see their 'Github Year in Review'.

How I am going to build it

This is mostly going to be Angular app. I am planning to use:

  1. Angular Material for UI
  2. ng2-charts for charts
  3. Bootstrap for layout
  4. html2canvas for exporting images

With above, I will also need below thigs, which are new for me:

  1. Github APIs
  2. Digital Ocean Platform

Additional Resources/Info

As I keep making progress, I will keep writing more articles in this series.

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 (7)

Collapse
 
raddevus profile image
raddevus β€’

This looks interesting and like something I would use. I'll keep checking back as you move forward with development. I've created my entry for the #doHackathon too. I see you're a frontend dev and I'd really appreciate it if you get a few moments to check out my app and let me know what you think. Good luck in the challenge.

Collapse
 
shhdharmen profile image
Dharmen Shah β€’

I will have an in-depth look into it soon. But briefly, it's looking good.

I like this statement:

Every year I get the same request from my manager: Send me a list of your accomplishments for the year.

πŸ˜…

Congratulations for the app...

Collapse
 
hydraulisch profile image
Hydraulisch β€’

Well, goodluck!

Collapse
 
shhdharmen profile image
Dharmen Shah β€’

Thanks 😊

Collapse
 
radiomorillo profile image
Stephanie Morillo β€’

This is awesome. We definitely need better analytics in GitHub. Good luck!

Collapse
 
shhdharmen profile image
Dharmen Shah β€’

Thank you...

Collapse
 
chris__sev profile image
Chris Sev β€’

Really like this idea. Excited to see it!

Sentry image

See why 4M developers consider Sentry, β€œnot bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

πŸ‘‹ Kindness is contagious

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

Okay