Add a Submission Heatmap to User Profiles

[pratikthejha]

I’d like to propose adding a Daily Submission Heatmap to CSSBattle user profiles, similar to the contribution heatmaps seen on platforms like GitHub and LeetCode.

Purpose

The goal of this feature is to highlight consistent practice over time, rather than only leaderboard position. Consistency is a major part of improving in CSSBattles, and a visual timeline can help reinforce that.

How It Might Work

• Each day a user submits at least one battle solution, that day gets a color-filled cell.
• More submissions in a single day = darker shade.
• The heatmap is displayed on the user’s profile.
• (Optional) A privacy toggle could allow users to show or hide the heatmap.

Benefits

• Encourages users to return regularly and maintain streaks.
• Provides a sense of progress and personal growth.
• Helps users reflect on their practice patterns over time.
• Adds a friendly, visual competitive element to profiles.

Reference

This is conceptually similar to:

• GitHub Contribution Heatmap
• LeetCode Daily Problem Heatmap
• Monkeytype Practice Streak Calendar

This feature would help make CSSBattle feel more like a long-term skill journey, not just isolated battles.

Thanks for considering this!

[chinchang]

We have this, for PLUS players only though.