Remove node modules

app/src/js/modules/events.js

@@ -1,10 +1,9 @@
 import { sortDirection, sortSelection, parsedProjectsData } from "./data";
-import { updateFilters } from "./filters";
+import { getFilteredProjects, setFilteredProjects, updateFilters, updateFilteredProjects } from "./filters";
 import { sortCards } from "./sorting";
-import { createProjectCards } from "./rendering";
+import { renderPaginatedProjects } from "./rendering";
 
 let currentPage;
-let filteredProjects = [...parsedProjectsData];
 
 export function setupEventListeners() {
   sortSelection.addEventListener('change', () => sortCards());
@@ -34,9 +33,15 @@ document.addEventListener("DOMContentLoaded", () => {
 
   searchBox.addEventListener("input", () => {
     const query = searchBox.value.toLowerCase();
-    filteredProjects = parsedProjectsData.filter((project) => project.name.toLowerCase().includes(query.toLowerCase()));
-    currentPage = 1
-    createProjectCards()
+    if(query === '') {
+      updateFilteredProjects();
+    } else {
+      const newFilteredProjects = parsedProjectsData.filter((project) =>
+        project.name.toLowerCase().includes(query.toLowerCase())
+      );
+      setFilteredProjects(newFilteredProjects)
+      currentPage = 1
+      renderPaginatedProjects(getFilteredProjects());
+    }
   })
-  createProjectCards()
-})
+});

app/src/js/modules/filters.js

@@ -4,7 +4,16 @@ import { renderPaginatedProjects, renderPaginationControls } from "./rendering";
 import { sortCards } from "./sorting";
 
 
-export let filteredProjects = [...parsedProjectsData];
+let filteredProjects = [...parsedProjectsData];
+
+export function getFilteredProjects() {
+  return filteredProjects;
+}
+
+export function setFilteredProjects(projects) {
+  filteredProjects = projects;
+}
+
 let currentPage = 1
 const itemsPerPage = 10;
 

app/src/js/modules/rendering.js

@@ -1,6 +1,6 @@
 import { reportHeadingTemplate, projectCardTemplate } from "../templates";
 import { templateDiv, parsedProjectsData, orgsData, siteData, findObject, baseurl } from "./data";
-import { updateFilters } from "./filters";
+import { getFilteredProjects, updateFilters } from "./filters";
 import { getPageRange, updateHeadingVisibility } from "./utilities";
 import DOMPurify from 'dompurify';
 
@@ -9,11 +9,10 @@ const parsedOrgsData = orgsData
 let currentPage = 1
 const itemsPerPage = 10;
 
-export function createProjectCards() {
-    let filteredProjects = [...parsedProjectsData];
+export function createProjectCards(projects = getFilteredProjects()) {
     templateDiv.innerHTML = ''
 
-    const allProjects = (filteredProjects || parsedProjectsData).map((project) => ({
+    const allProjects = (projects || parsedProjectsData).map((project) => ({
       ...project,
       org: project.owner
     }));