DEV Community

Posted on Dec 16, 2020 • Edited on Dec 22, 2020

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

shhdharmen / gitalytics

🐙 🐱 📊 Gitalytics - A simple overview of your Github activities

Gitalytics

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

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

#2020Coded Page (Dark theme):

What does it show?

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

View on GitHub

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:

Angular Material for UI
ng2-charts for charts
Bootstrap for layout
html2canvas for exporting images

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

Additional Resources/Info

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

Top comments (7)

raddevus • Dec 17 '20

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.