Gitalytics - A simple overview of Github activities

Dharmen Shah - Dec 16 '20 - - Dev Community

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.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .