add summary for heatmap in calender section

Author: devnamdev2003

README.md

@@ -39,8 +39,8 @@ Allows users to add new expense entries through a form. Input fields include:
 * 📅 **Date & Time**
 * 🏷️ **Category** (chosen from a dropdown list)
 * 💳 **Payment Mode**
-* 📍 **Location**
-* 📝 **Note**
+* 📍 **Location** (chosen from a dropdown list or manually typed)
+* 📝 **Note** (chosen from a dropdown list or manually typed)
 * 💡 **Extra Spending**
 
 All expenses are stored in the device's **LocalStorage** and reflected immediately in graphs and listings.
@@ -52,6 +52,10 @@ All expenses are stored in the device's **LocalStorage** and reflected immediate
 * Users can view a **monthly calendar** to explore expenses on specific dates.
 * Tap any date to open a **popup modal** displaying all expenses for that day.
 * Navigate across **months and years** to view past or future expenses.
+* Toggle the Show HeatMap switch to highlight each day based on spending intensity.
+  - Days are color-coded (e.g. No expense, < ₹300, ₹300–₹1000, > ₹1000) for quick insights.
+  - A legend below the calendar explains each color category.
+  - A summary table displays color, days count, and total amount for each category.
 
 ---
 
@@ -87,7 +91,7 @@ All expenses are stored in the device's **LocalStorage** and reflected immediate
 Provides customization and utility options for better personalization:
 
 * 🎨 **Theme Mode Toggle** (Dark / Light)
-* ⬇️ **Download Data** (export expenses data in pdf, json, excel formats)
+* ⬇️ **Download Data** (export expenses data in pdf, json, excel formats. between the selected date range)
 * 📤 **Import Data** (upload expense data)
 * ➕ **Add Category** (custom categories for better organization)
 * ❌ **Delete Category** (remove unused or incorrect categories)

documentation/components/CalendarComponent.html

@@ -517,7 +517,7 @@
             <td>CalendarComponent</td>
             <td align="right" data-sort="100">
                 <span class="coverage-percent">100 %</span>
-                <span class="coverage-count">(23/23)</span>
+                <span class="coverage-count">(25/25)</span>
             </td>
         </tr>
         <tr class="very-good">
@@ -604,6 +604,18 @@
                 <span class="coverage-count">(28/28)</span>
             </td>
         </tr>
+        <tr class="very-good">
+            <td>
+                <!-- miscellaneous -->
+                        <a href="./interfaces/HeatmapSummary.html">src/app/models/heatMap-summary.service.ts</a>
+            </td>
+            <td>interface</td>
+            <td>HeatmapSummary</td>
+            <td align="right" data-sort="100">
+                <span class="coverage-percent">100 %</span>
+                <span class="coverage-count">(4/4)</span>
+            </td>
+        </tr>
         <tr class="very-good">
             <td>
                 <!-- miscellaneous -->

documentation/coverage.html

@@ -147,8 +147,8 @@ <h3>2. <strong>Add Expense View</strong></h3>
 <li>📅 <strong>Date &amp; Time</strong></li>
 <li>🏷️ <strong>Category</strong> (chosen from a dropdown list)</li>
 <li>💳 <strong>Payment Mode</strong></li>
-<li>📍 <strong>Location</strong></li>
-<li>📝 <strong>Note</strong></li>
+<li>📍 <strong>Location</strong> (chosen from a dropdown list or manually typed)</li>
+<li>📝 <strong>Note</strong> (chosen from a dropdown list or manually typed)</li>
 <li>💡 <strong>Extra Spending</strong></li>
 </ul>
 <p>All expenses are stored in the device&#39;s <strong>LocalStorage</strong> and reflected immediately in graphs and listings.</p>
@@ -158,6 +158,12 @@ <h3>3. <strong>Calendar View</strong></h3>
 <li>Users can view a <strong>monthly calendar</strong> to explore expenses on specific dates.</li>
 <li>Tap any date to open a <strong>popup modal</strong> displaying all expenses for that day.</li>
 <li>Navigate across <strong>months and years</strong> to view past or future expenses.</li>
+<li>Toggle the Show HeatMap switch to highlight each day based on spending intensity.<ul>
+<li>Days are color-coded (e.g. No expense, &lt; ₹300, ₹300–₹1000, &gt; ₹1000) for quick insights.</li>
+<li>A legend below the calendar explains each color category.</li>
+<li>A summary table displays color, days count, and total amount for each category.</li>
+</ul>
+</li>
 </ul>
 <hr>
 <h3>4. <strong>List View</strong></h3>
@@ -199,7 +205,7 @@ <h3>6. <strong>Settings View</strong></h3>
 <p>Provides customization and utility options for better personalization:</p>
 <ul>
 <li>🎨 <strong>Theme Mode Toggle</strong> (Dark / Light)</li>
-<li>⬇️ <strong>Download Data</strong> (export expenses data in pdf, json, excel formats)</li>
+<li>⬇️ <strong>Download Data</strong> (export expenses data in pdf, json, excel formats. between the selected date range)</li>
 <li>📤 <strong>Import Data</strong> (upload expense data)</li>
 <li>➕ <strong>Add Category</strong> (custom categories for better organization)</li>
 <li>❌ <strong>Delete Category</strong> (remove unused or incorrect categories)</li>