Github like Calendar Heatmap built from Scratch using React - JSitor

Today, I have challenged myself to pick a random UI and built it from scratch. I picked up the Github Contribution heatmap view and built it using React and SCSS.

It took me ~1hour to complete this. A full video in making is available here -

Comments

[James Prentice]

Thanks for this!

I added this to the css to pick up the current month at the end

.month:nth-of-type(51){
visibility: visible !important;
}