Merge pull request steam-bell-92#1502 from Alvi24-hub/main

Fix: Overlapping Features(Bookmarked Projects and Recently Opened Projects) removed

Author: steam-bell-92

web-app/index.html

@@ -433,58 +433,19 @@ <h3 class="timeline-title">Share</h3>
         </div>
       </div>
     </section>
-
-    <!-- Bookmarked Projects Section -->
-<section class="projects-section" id="bookmarkedProjectsSection">
+    
+<!-- Recently Viewed Section -->
+<section class="projects-section" id="recentlyViewedSection">
   <div class="container">
     <div class="section-header">
       <h2 class="section-heading">
-        ⭐ Bookmarked Projects
-        <span id="bookmarkCountBadge"></span>
+        Recently Viewed
       </h2>
     </div>
-
-    <div class="projects-grid" id="bookmarkedProjectsGrid"></div>
-
-    <div id="noBookmarksMessage" class="empty-state">
-      <p>No bookmarked projects yet.</p>
-      <p class="empty-state-hint">
-        Click the ⭐ icon on any project to bookmark it.
-      </p>
-    </div>
+    <div class="projects-grid" id="recentlyViewedGrid"></div>
   </div>
 </section>
 
-    <!-- Recently Viewed Section -->
-    <div class="section-header">
-
-<h2 class="section-heading">
-🕒 Recently Opened Projects
-<span id="historyCount"></span>
-</h2>
-
-<div>
-
-<input
-id="historySearch"
-type="text"
-placeholder="Search history...">
-
-<button id="clearHistoryBtn">
-Clear History
-</button>
-
-</div>
-
-</div>
-      <div class="container">
-        <div class="section-header">
-          <h2 class="section-heading">
-            Recently Viewed
-          </h2>
-        </div>
-        <div class="projects-grid" id="recentlyViewedGrid"></div>
-      </div>
     </section>
 
     <!-- Projects Section -->
@@ -760,16 +721,6 @@ <h3>Stay Updated</h3>
     (function () {
       const projectsGrid = document.getElementById("projectsGrid");
       if (!projectsGrid) return;
-
-      const bookmarkedGrid =
-document.getElementById("bookmarkedProjectsGrid");
-
-const bookmarkBadge =
-document.getElementById("bookmarkCountBadge");
-
-const noBookmarks =
-document.getElementById("noBookmarksMessage");
-
       // ALL projects from your js/projects/ folder
       const projectsData = [
         // GAMES (20+)
@@ -1147,46 +1098,6 @@ <h3>Stay Updated</h3>
         localStorage.setItem("favorites", JSON.stringify(favorites));
       }
 
-      function renderBookmarkedProjects() {
-
-    if (!bookmarkedGrid) return;
-
-    bookmarkedGrid.innerHTML = "";
-
-    const favs =
-        JSON.parse(localStorage.getItem("favorites") || "[]");
-
-    bookmarkBadge.textContent =
-        "(" + favs.length + ")";
-
-    if (favs.length === 0) {
-
-        noBookmarks.style.display = "block";
-
-        return;
-    }
-
-    noBookmarks.style.display = "none";
-
-    favs.forEach(projectId => {
-
-        const card =
-        document.querySelector(
-            `.project-card[data-project="${projectId}"]`
-        );
-
-        if(card){
-
-            bookmarkedGrid.appendChild(
-                card.cloneNode(true)
-            );
-
-        }
-
-    });
-
-}
-
       projectsData.forEach((proj) => {
         const card = document.createElement("div");
         card.className = "project-card";
@@ -1293,7 +1204,6 @@ <h3>${proj.title}</h3>
       console.log(
         `✅ Loaded ${total} projects: ${games} games, ${math} math, ${utils} utilities`
       );
-      renderBookmarkedProjects();
 
       // Wire up buttons
       setTimeout(() => {