Website - arthteerth.vercel.app Reddit Post Link - https://www.reddit.com/r/developersIndia/comments/1ifnozw/chesscom_was_missing_heatmaps_so_i_made_a_website/ X Post Link - https://x.com/DexTee_17/status/1884599084570562980

Chess Heatmap 🔥♟️

Welcome to Chess Heatmap, a fun and insightful tool to visualize your chess progress and activity on Chess.com! 🎉

Just like the coding heatmaps we see on platforms like LeetCode, Codeforces, GitHub, and more, Chess Heatmap allows chess enthusiasts to track their daily playing habits, wins, losses, and time spent playing. 🕹️

🔥 What is Chess Heatmap?

Chess Heatmap is a dynamic web application that pulls your Chess.com game data and visualizes it as a colorful heatmap. 🌈

• Track Activity: See your gaming patterns and streaks.
• Analyze Progress: Visualize your time spent, wins, losses, and more!
• Keep it Fun: It’s your chess journey, displayed in a colorful and motivating way!

📸 Features

• Personalized Heatmap: Display your game activity over a timeline. 💪
• Win/Loss Tracker: Color-coded grid shows your win and loss patterns. 🏆❌
• Interactive Interface: Hover over each day for detailed stats (like number of games played). 🖱️
• Chess.com Integration: Seamlessly integrates with your Chess.com account to get real-time data! 🔗

🚀 How to Use

1. Login with Chess.com: Simply log in with your Chess.com account.
2. Grant Permission: Allow Chess Heatmap to access your game data.
3. View Your Heatmap: Explore your activity with an interactive heatmap!

📊 How It Works

1. Collect Data: The app fetches your game data from Chess.com using their API.
2. Generate Heatmap: Based on the data, it generates a heatmap for your games, visualizing your activity over time.
3. Show Stats: You'll see the number of games played, wins, losses, and time spent per day. The heatmap updates regularly!

🛠️ Tech Stack

• Frontend: React.js, TailwindCSS
• Backend: Node.js, Express
• API: Chess.com API
• Database: PostgreSQL + Prisma

💡 Why Chess Heatmap?

If you're a developer or coder, you’re familiar with how platforms like GitHub use heatmaps to show your activity and progress. Now, you can have the same insight into your chess journey. Whether you’re an occasional player or a serious competitor, tracking your growth is always motivating! 🚀

See your improvement over time.

Celebrate your streaks. 🎉

Understand your playing habits. ⏳

💬 Contribute

Found a bug? Have an idea for a new feature? 🤔

Feel free to open an issue or create a pull request! ❤️

📍 Links

• Website: Chess Heatmap
• GitHub: Chess Heatmap Repo

---

Let’s make every move count, and every streak last! 🏆♟️🔥