DEV Community 👩‍💻👨‍💻

Cover image for Github like Calendar Heatmap built from Scratch using React - JSitor
Ashvin Kumar Suthar
Ashvin Kumar Suthar

Posted on

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 -

Top comments (1)

Collapse
 
jamesprenticez profile image
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;
}

Need a better mental model for async/await?

Check out this classic DEV post on the subject.

⭐️🎀 JavaScript Visualized: Promises & Async/Await

async await