feature: Implemented the Leetcode like heatmap feature for user's submissions

[amanbairagi30]

Problem Statement

Currently, in the daily-code project, users can submit their code solutions similar to the LeetCode platform, and they can view their accepted submissions in their profiles. However, there is a lack of functionality for users to effectively track their accountability and progress over time. This limitation diminishes the user experience and prevents users from setting and achieving goals related to their daily coding practice and along with that if I am not wrong , Harkirart has also mentioned in one of his recent video that he is supposed to build leetcode like features end-to-end.

Solution :

To solve this issue , I have implemented a heatmap feature inspired by platform like LeetCode. This feature provides users with a visual representation of their coding activity over time, allowing them to track their progress, identify patterns, and stay motivated in their coding journey.
In this version of Heatmap , Users can not only see the entire year once but also can individually see each month according to them .

Below is how the changes looks like :

On hovering date box

In action :

2024-05-11.13-33-26.mp4

[ebe25]

yo @amanbairagi30 that's hella cool bro. GG.

[amanbairagi30]

yo @amanbairagi30 that's hella cool bro. GG.

Thanks bro 🙌

[AdityaRajThakur]

that's awesome bro, I like it.

[DipakKhade]

Appreciable bro