DEV Community

Soumya Mondal
Soumya Mondal

Posted on

1

Create Calender heatmap in react like Github (from scratch)

You must have seen those cool user activity heatmaps that shows the number of commits you've done over time using your github account. This has been a really crucial part of our journey.

Today I was able to create the same calender heatmap (without any packages) like GitHub and Leetcode under 30 minutes, and I've also recorded a simple video on that starting from scratch.

I've got an amazing response on twitter and I Hope you'll like this video as well.

In case you want to see more of these, I've a whole playlist on react machine coding and building components from scratch. You can head over to @indgeek on YouTube.

Top comments (0)

Image of Stellar post

Check out Episode 1: How a Hackathon Project Became a Web3 Startup 🚀

Ever wondered what it takes to build a web3 startup from scratch? In the Stellar Dev Diaries series, we follow the journey of a team of developers building on the Stellar Network as they go from hackathon win to getting funded and launching on mainnet.

Read more

👋 Kindness is contagious

Explore a trove of insights in this engaging article, celebrated within our welcoming DEV Community. Developers from every background are invited to join and enhance our shared wisdom.

A genuine "thank you" can truly uplift someone’s day. Feel free to express your gratitude in the comments below!

On DEV, our collective exchange of knowledge lightens the road ahead and strengthens our community bonds. Found something valuable here? A small thank you to the author can make a big difference.

Okay