From 0a5335b112d3bac3b6a300cdd619a839aa90f4dd Mon Sep 17 00:00:00 2001
From: Grace Patel <123757155+grasyPatel@users.noreply.github.com>
Date: Tue, 21 May 2024 01:07:22 +0530
Subject: [PATCH] Streak feature added

---
 assests/style.css |  2 ++
 index.html        | 43 +++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 45 insertions(+)

diff --git a/assests/style.css b/assests/style.css
index 0c24eed..79fc2f8 100644
--- a/assests/style.css
+++ b/assests/style.css
@@ -45,6 +45,8 @@ body{
     margin-bottom: .1rem;
     font-size: larger;
     margin-top: .1rem;
+    margin-right: -12px;
+    
 
     
     
diff --git a/index.html b/index.html
index ea90094..57a4f98 100644
--- a/index.html
+++ b/index.html
@@ -24,6 +24,9 @@
             <div class="nav-link"></div>
             <a class="logo" href="index.html">Coding Hustlers</a>
         </li>
+        <li class="nav-item">
+            <a class="nav-link " id="streakCount" href="index.html"> 🔥</a>
+        </li>
 
 
         <li class="nav-item">
@@ -252,6 +255,46 @@ <h2>Satakshi Jain</h2>
           </ul>
             </footer>
             <!-- Optional JavaScript; choose one of the two! -->
+            <Script>// Function to update streak count
+                function updateStreak() {
+                    // Retrieve streak data from storage or initialize if not present
+                    let streakCount = localStorage.getItem('streakCount') || 0;
+                    let lastActivityDate = new Date(localStorage.getItem('lastActivityDate'));
+                
+                    // Get today's date
+                    const today = new Date();
+                
+                    // Check if the user visited yesterday
+                    if (
+                        lastActivityDate.getDate() === today.getDate() - 1 &&
+                        lastActivityDate.getMonth() === today.getMonth() &&
+                        lastActivityDate.getFullYear() === today.getFullYear()
+                    ) {
+                        // Increment streak count if activity was performed yesterday
+                        streakCount++;
+                    } else {
+                        // Reset streak count if activity was not performed yesterday
+                        streakCount = 1;
+                    }
+                
+                    // Update last activity date
+                    lastActivityDate = today;
+                
+                    // Update streak count on the UI
+                    document.getElementById('streakCount').textContent = `🔥: ${streakCount}`;
+                
+                    // Save streak data to storage
+                    localStorage.setItem('streakCount', streakCount);
+                    localStorage.setItem('lastActivityDate', lastActivityDate.toISOString());
+                }
+                
+                // Call updateStreak() function whenever the relevant activity is performed
+                // For example, if the user visits the website daily, call updateStreak() when the website is visited.
+                
+                // Initial call to update streak count when the page loads
+                updateStreak();
+                </Script>
+
 
             <!-- Option 1: Bootstrap Bundle with Popper -->
             <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js"