Merge pull request #203 from asmitdeb/randomize-projects

Randomize Projects List

src/pages/Projects.tsx

@@ -3,6 +3,7 @@ import { MdCancel } from "react-icons/md";
 import ProjectCard from "../components/ProjectCard";
 import { makeRequest } from "../util/backend";
 import { IEndpointTypes } from "../util/types";
+import { shuffle } from "../util/shuffle";
 import Fuse from "fuse.js";
 import SpinnerLoader from "../components/SpinnerLoader";
 import { IconContext } from "react-icons";
@@ -32,7 +33,7 @@ function Projects() {
     makeRequest("project", "get")
       .then((response) => {
         if (response.is_ok) {
-          setProjects(response.response);
+          setProjects(shuffle(response.response));
         } else {
           setError("Error fetching projects.");
           console.log(response.response);

src/util/shuffle.ts

@@ -0,0 +1,12 @@
+// function to randomly shuffle an array
+export function shuffle(array: any[]):any[] {
+    let arraycopy: any[]= [];
+    array.forEach((val: any) => arraycopy.push(Object.assign({}, val)));
+    for (let i = arraycopy.length - 1; i > 0; i--) {
+        let j = Math.floor(Math.random() * (i + 1));
+        let temp:any = arraycopy[i];
+        arraycopy[i] = arraycopy[j];
+        arraycopy[j] = temp;
+    }
+    return arraycopy;
+  }