From d4170133d3dff682644203e25b863d5bc1ab4c98 Mon Sep 17 00:00:00 2001
From: bitfalt <75431447+bitfalt@users.noreply.github.com>
Date: Fri, 27 Sep 2024 03:25:11 -0600
Subject: [PATCH 01/27] fix: CI Backend Pipeline

---
 .github/workflows/contract_checks.yml | 40 ++++++++++++++-------------
 1 file changed, 21 insertions(+), 19 deletions(-)

diff --git a/.github/workflows/contract_checks.yml b/.github/workflows/contract_checks.yml
index 363999b..b71f4c3 100644
--- a/.github/workflows/contract_checks.yml
+++ b/.github/workflows/contract_checks.yml
@@ -17,17 +17,17 @@ jobs:
             contracts_dir: 
               - 'contracts/src/**'
 
-      - name: Install scarb
+      - name: Setup Scarb
         if: steps.changes.outputs.contracts_dir == 'true'
-        run: |
-          cd contracts
-          curl --proto '=https' --tlsv1.2 -sSf https://docs.swmansion.com/scarb/install.sh | sh -s -- -v 2.6.5
+        working-directory: contracts
+        uses: software-mansion/setup-scarb@v1
+        with:
+          scarb-version: "2.6.5"
 
-      - name: Run scarb fmt
+      - name: Run Scarb formatting
         if: steps.changes.outputs.contracts_dir == 'true'
-        run: |
-          cd contracts
-          scarb fmt
+        working-directory: contracts
+        run: scarb fmt
   
   check-contracts-changes:
     runs-on: ubuntu-latest
@@ -44,15 +44,15 @@ jobs:
               
       - name: Install scarb
         if: steps.changes.outputs.contracts_dir == 'true'
-        run: | 
-          cd contracts
-          curl --proto '=https' --tlsv1.2 -sSf https://docs.swmansion.com/scarb/install.sh | sh -s -- -v 2.6.5
+        working-directory: contracts
+        uses: software-mansion/setup-scarb@v1
+        with:
+          scarb-version: "2.6.5"
 
-      - name: Run scarb check
+      - name: Run Scarb check
         if: steps.changes.outputs.contracts_dir == 'true'
-        run: |
-          cd contracts
-          scarb check
+        working-directory: contracts
+        run: scarb check
     
   run-tests:
     runs-on: ubuntu-latest
@@ -68,11 +68,13 @@ jobs:
             contracts_dir: 
               - 'contracts/src/**'
 
-      - name: Install scarb
+      - name: Install Scarb
         if: steps.changes.outputs.contracts_dir == 'true'
-        run: |
-          cd contracts
-          curl --proto '=https' --tlsv1.2 -sSf https://docs.swmansion.com/scarb/install.sh | sh -s -- -v 2.6.5
+        working-directory: contracts
+        uses: software-mansion/setup-scarb@v1
+        with:
+          scarb-version: "2.6.5"
+
 
       - name: Install snfoundry
         uses: foundry-rs/setup-snfoundry@v3

From 4a43f63ecd3fa465d4ebdc6de1a9ca9a5f1914b7 Mon Sep 17 00:00:00 2001
From: bitfalt <75431447+bitfalt@users.noreply.github.com>
Date: Fri, 27 Sep 2024 03:27:41 -0600
Subject: [PATCH 02/27] add: run CI on push and on branches

---
 .github/workflows/contract_checks.yml | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/.github/workflows/contract_checks.yml b/.github/workflows/contract_checks.yml
index b71f4c3..4cc3e03 100644
--- a/.github/workflows/contract_checks.yml
+++ b/.github/workflows/contract_checks.yml
@@ -2,6 +2,13 @@ name: CI
 
 on:
   pull_request:
+    branches:
+      - dev
+
+  push:
+    branches:
+      - dev
+      - main
 
 jobs: 
   check-lint:

From d5858889be4f14a4ad567c17c931d5040149bd4c Mon Sep 17 00:00:00 2001
From: bitfalt <75431447+bitfalt@users.noreply.github.com>
Date: Fri, 27 Sep 2024 03:29:12 -0600
Subject: [PATCH 03/27] add: enable CI to run manually for testing

---
 .github/workflows/contract_checks.yml | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/.github/workflows/contract_checks.yml b/.github/workflows/contract_checks.yml
index 4cc3e03..1682584 100644
--- a/.github/workflows/contract_checks.yml
+++ b/.github/workflows/contract_checks.yml
@@ -10,6 +10,8 @@ on:
       - dev
       - main
 
+  workflow_dispatch:
+
 jobs: 
   check-lint:
     runs-on: ubuntu-latest

From b77c4281380aa571dd6d43260237bd86154b5969 Mon Sep 17 00:00:00 2001
From: bitfalt <75431447+bitfalt@users.noreply.github.com>
Date: Fri, 27 Sep 2024 03:31:25 -0600
Subject: [PATCH 04/27] fix: CI error with scarb

---
 .github/workflows/contract_checks.yml | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/.github/workflows/contract_checks.yml b/.github/workflows/contract_checks.yml
index 1682584..82ab6e4 100644
--- a/.github/workflows/contract_checks.yml
+++ b/.github/workflows/contract_checks.yml
@@ -27,9 +27,9 @@ jobs:
               - 'contracts/src/**'
 
       - name: Setup Scarb
+        uses: software-mansion/setup-scarb@v1
         if: steps.changes.outputs.contracts_dir == 'true'
         working-directory: contracts
-        uses: software-mansion/setup-scarb@v1
         with:
           scarb-version: "2.6.5"
 
@@ -52,9 +52,9 @@ jobs:
               - 'contracts/src/**'
               
       - name: Install scarb
+        uses: software-mansion/setup-scarb@v1
         if: steps.changes.outputs.contracts_dir == 'true'
         working-directory: contracts
-        uses: software-mansion/setup-scarb@v1
         with:
           scarb-version: "2.6.5"
 
@@ -78,9 +78,9 @@ jobs:
               - 'contracts/src/**'
 
       - name: Install Scarb
+        uses: software-mansion/setup-scarb@v1
         if: steps.changes.outputs.contracts_dir == 'true'
         working-directory: contracts
-        uses: software-mansion/setup-scarb@v1
         with:
           scarb-version: "2.6.5"
 

From d20af192557bfee8b4f94052e1a54db04a46d977 Mon Sep 17 00:00:00 2001
From: bitfalt <75431447+bitfalt@users.noreply.github.com>
Date: Fri, 27 Sep 2024 03:34:57 -0600
Subject: [PATCH 05/27] fix: CI error with working-directory key

---
 .github/workflows/contract_checks.yml | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/.github/workflows/contract_checks.yml b/.github/workflows/contract_checks.yml
index 82ab6e4..ac4ac32 100644
--- a/.github/workflows/contract_checks.yml
+++ b/.github/workflows/contract_checks.yml
@@ -29,7 +29,6 @@ jobs:
       - name: Setup Scarb
         uses: software-mansion/setup-scarb@v1
         if: steps.changes.outputs.contracts_dir == 'true'
-        working-directory: contracts
         with:
           scarb-version: "2.6.5"
 
@@ -54,7 +53,6 @@ jobs:
       - name: Install scarb
         uses: software-mansion/setup-scarb@v1
         if: steps.changes.outputs.contracts_dir == 'true'
-        working-directory: contracts
         with:
           scarb-version: "2.6.5"
 
@@ -80,7 +78,6 @@ jobs:
       - name: Install Scarb
         uses: software-mansion/setup-scarb@v1
         if: steps.changes.outputs.contracts_dir == 'true'
-        working-directory: contracts
         with:
           scarb-version: "2.6.5"
 

From 1c8109ec4938916c6348debdd12c714130e02096 Mon Sep 17 00:00:00 2001
From: bitfalt <75431447+bitfalt@users.noreply.github.com>
Date: Fri, 27 Sep 2024 03:38:14 -0600
Subject: [PATCH 06/27] build: comment if statement

---
 .github/workflows/contract_checks.yml | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/.github/workflows/contract_checks.yml b/.github/workflows/contract_checks.yml
index ac4ac32..90b17b5 100644
--- a/.github/workflows/contract_checks.yml
+++ b/.github/workflows/contract_checks.yml
@@ -28,12 +28,12 @@ jobs:
 
       - name: Setup Scarb
         uses: software-mansion/setup-scarb@v1
-        if: steps.changes.outputs.contracts_dir == 'true'
+        #if: steps.changes.outputs.contracts_dir == 'true'
         with:
           scarb-version: "2.6.5"
 
       - name: Run Scarb formatting
-        if: steps.changes.outputs.contracts_dir == 'true'
+        #if: steps.changes.outputs.contracts_dir == 'true'
         working-directory: contracts
         run: scarb fmt
   
@@ -52,12 +52,12 @@ jobs:
               
       - name: Install scarb
         uses: software-mansion/setup-scarb@v1
-        if: steps.changes.outputs.contracts_dir == 'true'
+        #if: steps.changes.outputs.contracts_dir == 'true'
         with:
           scarb-version: "2.6.5"
 
       - name: Run Scarb check
-        if: steps.changes.outputs.contracts_dir == 'true'
+        #if: steps.changes.outputs.contracts_dir == 'true'
         working-directory: contracts
         run: scarb check
     
@@ -77,7 +77,7 @@ jobs:
 
       - name: Install Scarb
         uses: software-mansion/setup-scarb@v1
-        if: steps.changes.outputs.contracts_dir == 'true'
+        #if: steps.changes.outputs.contracts_dir == 'true'
         with:
           scarb-version: "2.6.5"
 

From 3b2957a64d353732cdbabb6ceb157bff93bfac7e Mon Sep 17 00:00:00 2001
From: Mariangela N <mariangelanavarro10@gmail.com>
Date: Fri, 27 Sep 2024 20:55:02 -0600
Subject: [PATCH 07/27] Add the  NewFundingPage

---
 .../gostarkme-web/app/newfunding/page.tsx     | 20 ++++++
 .../modules/newfunding/DescriptionStep.tsx    | 24 +++++++
 .../modules/newfunding/FundingStep.tsx        | 34 +++++++++
 .../components/modules/newfunding/Stages.tsx  | 70 +++++++++++++++++++
 .../gostarkme-web/components/ui/Button.tsx    | 20 ++++++
 frontend/gostarkme-web/tailwind.config.ts     |  1 +
 6 files changed, 169 insertions(+)
 create mode 100644 frontend/gostarkme-web/app/newfunding/page.tsx
 create mode 100644 frontend/gostarkme-web/components/modules/newfunding/DescriptionStep.tsx
 create mode 100644 frontend/gostarkme-web/components/modules/newfunding/FundingStep.tsx
 create mode 100644 frontend/gostarkme-web/components/modules/newfunding/Stages.tsx
 create mode 100644 frontend/gostarkme-web/components/ui/Button.tsx

diff --git a/frontend/gostarkme-web/app/newfunding/page.tsx b/frontend/gostarkme-web/app/newfunding/page.tsx
new file mode 100644
index 0000000..84e92bb
--- /dev/null
+++ b/frontend/gostarkme-web/app/newfunding/page.tsx
@@ -0,0 +1,20 @@
+// pages/NewFundingPage.tsx
+
+"use client"; // Mark this component as a Client Component
+import Bounded from "@/components/ui/Bounded";
+import Divider from "@/components/ui/Divider";
+import Stages from "@/components/modules/newfunding/Stages";
+
+const NewFundingPage = ({ params }: { params: { fundId: string } }) => {
+  return (
+    <>
+      <Bounded className="px-60 text-lg">
+        <h1 className="font-sans text-4xl font-normal leading-snug text-left">Your new fund!</h1>
+        <Divider />
+        <Stages />
+      </Bounded>
+    </>
+  );
+};
+
+export default NewFundingPage;
diff --git a/frontend/gostarkme-web/components/modules/newfunding/DescriptionStep.tsx b/frontend/gostarkme-web/components/modules/newfunding/DescriptionStep.tsx
new file mode 100644
index 0000000..7dd8d56
--- /dev/null
+++ b/frontend/gostarkme-web/components/modules/newfunding/DescriptionStep.tsx
@@ -0,0 +1,24 @@
+import React from "react";
+
+interface DescriptionStepProps {
+  fundingDescription: string;
+  setFundingDescription: (description: string) => void;
+}
+
+const DescriptionStep: React.FC<DescriptionStepProps> = ({
+  fundingDescription,
+  setFundingDescription,
+}) => (
+  <div className="w-11/12 md:w-3/3 lg:w-1/1 font-sans text-2xl font-normal leading-normal text-left">
+    <strong>Note:</strong> You can always edit your funding description later ;)
+    <textarea
+      placeholder="Set your goal in STRKs"
+      value={fundingDescription}
+      onChange={(e) => setFundingDescription(e.target.value)}
+      className="mt-3 p-4 border border-black rounded w-full h-60 resize-none font-sans font-light leading-snug text-left placeholder:text-base placeholder:font-light"
+      required
+    />
+  </div>
+);
+
+export default DescriptionStep;
diff --git a/frontend/gostarkme-web/components/modules/newfunding/FundingStep.tsx b/frontend/gostarkme-web/components/modules/newfunding/FundingStep.tsx
new file mode 100644
index 0000000..480cccd
--- /dev/null
+++ b/frontend/gostarkme-web/components/modules/newfunding/FundingStep.tsx
@@ -0,0 +1,34 @@
+interface FundingStepProps {
+  fundingName: string;
+  setFundingName: (name: string) => void;
+  name: string;
+  setName: (name: string) => void;
+}
+
+const FundingStep: React.FC<FundingStepProps> = ({
+  fundingName,
+  setFundingName,
+  name,
+  setName,
+}) => (
+  <div className="text-center w-11/12 md:w-3/3 lg:w-1/1">
+    <input
+      type="text"
+      placeholder="Funding name"
+      value={fundingName}
+      onChange={(e) => setFundingName(e.target.value)}
+      className="mt-2 p-2 pl-4 border border-black rounded w-full placeholder:text-base"
+      required
+    />
+    <input
+      type="text"
+      placeholder="Set your goal in STRKs"
+      value={name}
+      onChange={(e) => setName(e.target.value)}
+      className="mt-4 p-2 pl-4 border border-black rounded w-full placeholder:text-base"
+      required
+    />
+  </div>
+);
+
+export default FundingStep;
diff --git a/frontend/gostarkme-web/components/modules/newfunding/Stages.tsx b/frontend/gostarkme-web/components/modules/newfunding/Stages.tsx
new file mode 100644
index 0000000..7a570d9
--- /dev/null
+++ b/frontend/gostarkme-web/components/modules/newfunding/Stages.tsx
@@ -0,0 +1,70 @@
+import { Button } from "@/components/ui/Button";
+import { useState } from "react";
+import FundingStep from "./FundingStep";
+import DescriptionStep from "./DescriptionStep";
+
+const Stages = () => {
+  const [currentStep, setCurrentStep] = useState(0);
+  const [fundingName, setFundingName] = useState("");
+  const [name, setName] = useState("");
+  const [fundingDescription, setFundingDescription] = useState("");
+
+  const handleNextStep = () => {
+    if (currentStep === 0 && (!fundingName || !name)) {
+      return;
+    }
+    setCurrentStep((prev) => (prev === 1 ? 0 : prev + 1));
+  };
+
+  const handleSubmit = () => {
+    if (!fundingDescription) {
+      alert("Please enter a description.");
+      return;
+    }
+    console.log("Funding Name:", fundingName);
+    console.log("Name:", name);
+    console.log("Description:", fundingDescription);
+  };
+
+  return (
+    <div className="flex flex-col items-center justify-center space-y-6">
+      {/* Step Content */}
+      {currentStep === 0 ? (
+        <FundingStep
+          fundingName={fundingName}
+          setFundingName={setFundingName}
+          name={name}
+          setName={setName}
+        />
+      ) : (
+        <DescriptionStep
+          fundingDescription={fundingDescription}
+          setFundingDescription={setFundingDescription}
+        />
+      )}
+
+      {/* Navigation Dots */}
+      <div className="flex space-x-2">
+        {[0, 1].map((_, index) => (
+          <span
+            key={index}
+            className={`h-3 w-3 rounded-full cursor-pointer ${
+              currentStep === index ? "bg-blueGrey" : "bg-gray-300"
+            }`}
+            onClick={() => setCurrentStep(index)}
+          />
+        ))}
+      </div>
+
+      {/* Navigation Buttons */}
+      <div className="flex space-x-4">
+        <Button
+          label={currentStep === 1 ? "Confirm" : "Continue"}
+          onClick={currentStep === 1 ? handleSubmit : handleNextStep}
+        />
+      </div>
+    </div>
+  );
+};
+
+export default Stages;
diff --git a/frontend/gostarkme-web/components/ui/Button.tsx b/frontend/gostarkme-web/components/ui/Button.tsx
new file mode 100644
index 0000000..57a2c42
--- /dev/null
+++ b/frontend/gostarkme-web/components/ui/Button.tsx
@@ -0,0 +1,20 @@
+"use client";
+
+import React from "react";
+
+interface ButtonProps {
+  label: string;
+  onClick: () => void;
+  Icon?: React.ComponentType<any>;
+}
+
+export const Button = ({ label, onClick, Icon }: ButtonProps) => {
+  return (
+    <button
+      onClick={onClick}
+      className="self-center bg-darkblue text-white py-2 px-6 md:py-3 md:px-10 rounded-md text-xs md:text-sm shadow-xl hover:bg-starkorange active:bg-darkblue ease-in-out duration-500 active:duration-0 shadow-gray-400"
+    >
+      {Icon ? <Icon className="text-xl md:text-2xl w-5 md:w-6" /> : label}
+    </button>
+  );
+};
diff --git a/frontend/gostarkme-web/tailwind.config.ts b/frontend/gostarkme-web/tailwind.config.ts
index dd64e9e..6b54062 100644
--- a/frontend/gostarkme-web/tailwind.config.ts
+++ b/frontend/gostarkme-web/tailwind.config.ts
@@ -16,6 +16,7 @@ const config: Config = {
       colors: {
         darkblue: "#0C0C4F",
         starkorange: "#ED796C",
+        blueGrey: '#0C0C4F9C',
       },
     },
   },

From b3c16050b39483ef3cdf905b342efb29c912afd6 Mon Sep 17 00:00:00 2001
From: Mariangela N <mariangelanavarro10@gmail.com>
Date: Fri, 27 Sep 2024 20:59:22 -0600
Subject: [PATCH 08/27] Change style

---
 frontend/gostarkme-web/components/ui/Button.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/gostarkme-web/components/ui/Button.tsx b/frontend/gostarkme-web/components/ui/Button.tsx
index 57a2c42..b84daa2 100644
--- a/frontend/gostarkme-web/components/ui/Button.tsx
+++ b/frontend/gostarkme-web/components/ui/Button.tsx
@@ -12,7 +12,8 @@ export const Button = ({ label, onClick, Icon }: ButtonProps) => {
   return (
     <button
       onClick={onClick}
-      className="self-center bg-darkblue text-white py-2 px-6 md:py-3 md:px-10 rounded-md text-xs md:text-sm shadow-xl hover:bg-starkorange active:bg-darkblue ease-in-out duration-500 active:duration-0 shadow-gray-400"
+      className="self-center bg-darkblue text-white py-2 px-6 md:py-3 md:px-10 rounded-md shadow-xl hover:bg-starkorange active:bg-darkblue ease-in-out duration-500 active:duration-0 shadow-gray-400 
+                    text-left text-1xl font-light leading-tight"
     >
       {Icon ? <Icon className="text-xl md:text-2xl w-5 md:w-6" /> : label}
     </button>

From 1e0d06c231f0e9318174ce279fe2f59eafb2a145 Mon Sep 17 00:00:00 2001
From: Mariangela N <mariangelanavarro10@gmail.com>
Date: Fri, 27 Sep 2024 21:12:12 -0600
Subject: [PATCH 09/27] Change message placeholder

---
 .../components/modules/newfunding/DescriptionStep.tsx           | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/gostarkme-web/components/modules/newfunding/DescriptionStep.tsx b/frontend/gostarkme-web/components/modules/newfunding/DescriptionStep.tsx
index 7dd8d56..03e0b10 100644
--- a/frontend/gostarkme-web/components/modules/newfunding/DescriptionStep.tsx
+++ b/frontend/gostarkme-web/components/modules/newfunding/DescriptionStep.tsx
@@ -12,7 +12,7 @@ const DescriptionStep: React.FC<DescriptionStepProps> = ({
   <div className="w-11/12 md:w-3/3 lg:w-1/1 font-sans text-2xl font-normal leading-normal text-left">
     <strong>Note:</strong> You can always edit your funding description later ;)
     <textarea
-      placeholder="Set your goal in STRKs"
+      placeholder="Funding description"
       value={fundingDescription}
       onChange={(e) => setFundingDescription(e.target.value)}
       className="mt-3 p-4 border border-black rounded w-full h-60 resize-none font-sans font-light leading-snug text-left placeholder:text-base placeholder:font-light"

From ee70d1f03e9706de58cfff68742a16934be65a72 Mon Sep 17 00:00:00 2001
From: Fabricio <fabrobles92@gmail.com>
Date: Fri, 27 Sep 2024 23:34:38 -0600
Subject: [PATCH 10/27] feat: creation of component footer

---
 .../gostarkme-web/components/ui/Bounded.tsx   |  4 +-
 .../gostarkme-web/components/ui/Footer.tsx    | 70 +++++++++++++++++++
 2 files changed, 72 insertions(+), 2 deletions(-)
 create mode 100644 frontend/gostarkme-web/components/ui/Footer.tsx

diff --git a/frontend/gostarkme-web/components/ui/Bounded.tsx b/frontend/gostarkme-web/components/ui/Bounded.tsx
index 3d8bdda..9f01823 100644
--- a/frontend/gostarkme-web/components/ui/Bounded.tsx
+++ b/frontend/gostarkme-web/components/ui/Bounded.tsx
@@ -1,4 +1,5 @@
 import { ReactNode } from "react";
+import Footer from "./Footer";
 
 interface BoundedProps {
   children: ReactNode;
@@ -15,8 +16,7 @@ const Bounded = ({ children, className }: BoundedProps) => {
       >
         {children}
       </main>
-      <footer>Footer</footer>
-      {/* Here could be the footer layout */}
+      <Footer />
     </div>
   );
 };
diff --git a/frontend/gostarkme-web/components/ui/Footer.tsx b/frontend/gostarkme-web/components/ui/Footer.tsx
new file mode 100644
index 0000000..084efb0
--- /dev/null
+++ b/frontend/gostarkme-web/components/ui/Footer.tsx
@@ -0,0 +1,70 @@
+import React from "react";
+
+const Footer = (): React.JSX.Element => {
+  return (
+    <footer className="flex flex-col items-center p-10 flex-grow-0">
+      <aside className="mb-3">
+        <p className="font-bold text-center mb-1">Go Stark Me</p>
+        <p>Copyright © {new Date().getFullYear()} - All right reserved</p>
+      </aside>
+      <nav>
+        <div className="grid grid-flow-col gap-4">
+          <a className="mx-1" href="https://github.com/web3wagers/gostarkme">
+            <svg
+              height="35"
+              viewBox="0 0 24 24"
+              width="35"
+              className="fill-current"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <g>
+                <path
+                  d="M12,0.296c-6.627,0-12,5.372-12,12c0,5.302,3.438,9.8,8.206,11.387   c0.6,0.111,0.82-0.26,0.82-0.577c0-0.286-0.011-1.231-0.016-2.234c-3.338,0.726-4.043-1.416-4.043-1.416   C4.421,18.069,3.635,17.7,3.635,17.7c-1.089-0.745,0.082-0.729,0.082-0.729c1.205,0.085,1.839,1.237,1.839,1.237   c1.07,1.834,2.807,1.304,3.492,0.997C9.156,18.429,9.467,17.9,9.81,17.6c-2.665-0.303-5.467-1.332-5.467-5.93   c0-1.31,0.469-2.381,1.237-3.221C5.455,8.146,5.044,6.926,5.696,5.273c0,0,1.008-0.322,3.301,1.23   C9.954,6.237,10.98,6.104,12,6.099c1.02,0.005,2.047,0.138,3.006,0.404c2.29-1.553,3.297-1.23,3.297-1.23   c0.653,1.653,0.242,2.873,0.118,3.176c0.769,0.84,1.235,1.911,1.235,3.221c0,4.609-2.807,5.624-5.479,5.921   c0.43,0.372,0.814,1.103,0.814,2.222c0,1.606-0.014,2.898-0.014,3.293c0,0.319,0.216,0.694,0.824,0.576   c4.766-1.589,8.2-6.085,8.2-11.385C24,5.669,18.627,0.296,12,0.296z"
+                  fill="#0c0c4f"
+                />
+                <path d="M4.545,17.526c-0.026,0.06-0.12,0.078-0.206,0.037c-0.087-0.039-0.136-0.121-0.108-0.18   c0.026-0.061,0.12-0.078,0.207-0.037C4.525,17.384,4.575,17.466,4.545,17.526L4.545,17.526z" />
+                <path d="M5.031,18.068c-0.057,0.053-0.169,0.028-0.245-0.055c-0.079-0.084-0.093-0.196-0.035-0.249   c0.059-0.053,0.167-0.028,0.246,0.056C5.076,17.903,5.091,18.014,5.031,18.068L5.031,18.068z" />
+                <path d="M5.504,18.759c-0.074,0.051-0.194,0.003-0.268-0.103c-0.074-0.107-0.074-0.235,0.002-0.286   c0.074-0.051,0.193-0.005,0.268,0.101C5.579,18.579,5.579,18.707,5.504,18.759L5.504,18.759z" />
+                <path d="M6.152,19.427c-0.066,0.073-0.206,0.053-0.308-0.046c-0.105-0.097-0.134-0.234-0.068-0.307   c0.067-0.073,0.208-0.052,0.311,0.046C6.191,19.217,6.222,19.355,6.152,19.427L6.152,19.427z" />
+                <path d="M7.047,19.814c-0.029,0.094-0.164,0.137-0.3,0.097C6.611,19.87,6.522,19.76,6.55,19.665   c0.028-0.095,0.164-0.139,0.301-0.096C6.986,19.609,7.075,19.719,7.047,19.814L7.047,19.814z" />
+                <path d="M8.029,19.886c0.003,0.099-0.112,0.181-0.255,0.183c-0.143,0.003-0.26-0.077-0.261-0.174c0-0.1,0.113-0.181,0.256-0.184   C7.912,19.708,8.029,19.788,8.029,19.886L8.029,19.886z" />
+                <path d="M8.943,19.731c0.017,0.096-0.082,0.196-0.224,0.222c-0.139,0.026-0.268-0.034-0.286-0.13   c-0.017-0.099,0.084-0.198,0.223-0.224C8.797,19.574,8.925,19.632,8.943,19.731L8.943,19.731z" />
+              </g>
+            </svg>
+          </a>
+          <a className="mx-1" href="https://x.com/web3_wagers">
+            <svg
+              height="35"
+              viewBox="0 0 24 24"
+              width="35"
+              className="fill-current"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <polygon points="6.861 6.159 15.737 17.764 17.097 17.764 8.322 6.159 6.861 6.159" />
+              <path
+                d="m0,0v24h24V0H0Zm15.063,19.232l-3.87-5.055-4.422,5.055h-2.458l5.733-6.554-6.046-7.91h5.062l3.494,4.621,4.043-4.621h2.455l-5.361,6.126,6.307,8.337h-4.937Z"
+                fill="#0c0c4f"
+              />
+            </svg>
+          </a>
+          <a className="mx-1" href="https://discord.gg/26sQ6dbY">
+            <svg
+              height="35"
+              viewBox="0 0 24 24"
+              width="35"
+              className="fill-current"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M20.317,4.37c-1.53-0.702-3.17-1.219-4.885-1.515c-0.031-0.006-0.062,0.009-0.079,0.037   c-0.211,0.375-0.445,0.865-0.608,1.249c-1.845-0.276-3.68-0.276-5.487,0C9.095,3.748,8.852,3.267,8.641,2.892   C8.624,2.864,8.593,2.85,8.562,2.855C6.848,3.15,5.208,3.667,3.677,4.37C3.664,4.375,3.652,4.385,3.645,4.397   c-3.111,4.648-3.964,9.182-3.546,13.66c0.002,0.022,0.014,0.043,0.031,0.056c2.053,1.508,4.041,2.423,5.993,3.029   c0.031,0.01,0.064-0.002,0.084-0.028c0.462-0.63,0.873-1.295,1.226-1.994c0.021-0.041,0.001-0.09-0.042-0.106   c-0.653-0.248-1.274-0.55-1.872-0.892c-0.047-0.028-0.051-0.095-0.008-0.128c0.126-0.094,0.252-0.192,0.372-0.291   c0.022-0.018,0.052-0.022,0.078-0.01c3.928,1.793,8.18,1.793,12.061,0c0.026-0.012,0.056-0.009,0.079,0.01   c0.12,0.099,0.246,0.198,0.373,0.292c0.044,0.032,0.041,0.1-0.007,0.128c-0.598,0.349-1.219,0.645-1.873,0.891   c-0.043,0.016-0.061,0.066-0.041,0.107c0.36,0.698,0.772,1.363,1.225,1.993c0.019,0.027,0.053,0.038,0.084,0.029   c1.961-0.607,3.95-1.522,6.002-3.029c0.018-0.013,0.029-0.033,0.031-0.055c0.5-5.177-0.838-9.674-3.548-13.66   C20.342,4.385,20.33,4.375,20.317,4.37z M8.02,15.331c-1.183,0-2.157-1.086-2.157-2.419s0.955-2.419,2.157-2.419   c1.211,0,2.176,1.095,2.157,2.419C10.177,14.246,9.221,15.331,8.02,15.331z M15.995,15.331c-1.182,0-2.157-1.086-2.157-2.419   s0.955-2.419,2.157-2.419c1.211,0,2.176,1.095,2.157,2.419C18.152,14.246,17.206,15.331,15.995,15.331z"
+                fill="#0c0c4f"
+              />
+            </svg>
+          </a>
+        </div>
+      </nav>
+    </footer>
+  );
+};
+
+export default Footer;

From aa476b26219d5fc826a08749139869ce7fcb0f43 Mon Sep 17 00:00:00 2001
From: adrianvrj <adrivargas48@gmail.com>
Date: Sat, 28 Sep 2024 12:36:44 -0600
Subject: [PATCH 11/27] [fix] general ODHack contributions adjustments

---
 .../app/{ => app}/fund/[fundId]/page.tsx      |  6 ++++-
 .../{ => app}/myprofile/[useraddr]/page.tsx   | 25 ++++++++++++++++---
 frontend/gostarkme-web/app/page.tsx           |  2 ++
 .../gostarkme-web/components/ui/Bounded.tsx   | 19 +++++++++++---
 frontend/gostarkme-web/package.json           |  2 +-
 5 files changed, 46 insertions(+), 8 deletions(-)
 rename frontend/gostarkme-web/app/{ => app}/fund/[fundId]/page.tsx (76%)
 rename frontend/gostarkme-web/app/{ => app}/myprofile/[useraddr]/page.tsx (80%)

diff --git a/frontend/gostarkme-web/app/fund/[fundId]/page.tsx b/frontend/gostarkme-web/app/app/fund/[fundId]/page.tsx
similarity index 76%
rename from frontend/gostarkme-web/app/fund/[fundId]/page.tsx
rename to frontend/gostarkme-web/app/app/fund/[fundId]/page.tsx
index 396ab7e..0f1e83c 100644
--- a/frontend/gostarkme-web/app/fund/[fundId]/page.tsx
+++ b/frontend/gostarkme-web/app/app/fund/[fundId]/page.tsx
@@ -2,11 +2,15 @@ import Fund from "@/components/modules/Fund/Fund";
 import Bounded from "@/components/ui/Bounded";
 import Divider from "@/components/ui/Divider";
 
+export function generateStaticParams() {
+  return [{ fundId: '1' }]
+}
+
 const FundDetailsPage = async ({ params }: { params: { fundId: string } }) => {
   return (
     <>
       <Bounded className="px-60 text-lg">
-        <h2 className="font-bold">User's fund - {params.fundId}</h2>
+        <h2 className="font-bold">User fund - {params.fundId}</h2>
         <Divider />
         <Fund message="I need some Starks to finish my project."></Fund>
       </Bounded>
diff --git a/frontend/gostarkme-web/app/myprofile/[useraddr]/page.tsx b/frontend/gostarkme-web/app/app/myprofile/[useraddr]/page.tsx
similarity index 80%
rename from frontend/gostarkme-web/app/myprofile/[useraddr]/page.tsx
rename to frontend/gostarkme-web/app/app/myprofile/[useraddr]/page.tsx
index e1053bb..17aadef 100644
--- a/frontend/gostarkme-web/app/myprofile/[useraddr]/page.tsx
+++ b/frontend/gostarkme-web/app/app/myprofile/[useraddr]/page.tsx
@@ -1,6 +1,13 @@
 import ProgressBar from '@/components/ui/ProgressBar';
 import Divider from '@/components/ui/Divider';
 import Image from 'next/image';
+import Footer from '@/components/ui/Footer';
+import Navbar from '@/components/ui/Navbar';
+
+const navItems = [
+  { label: 'My Profile', href: '/profile' },
+  { label: 'My funds', href: '/funds' }
+];
 
 interface UserProfilePageProps {
   params: {
@@ -8,6 +15,10 @@ interface UserProfilePageProps {
   };
 }
 
+export function generateStaticParams() {
+  return [{ useraddr: '1' }]
+}
+
 const UserProfilePage: React.FC<UserProfilePageProps> = ({ params }) => {
   const { useraddr } = params;
 
@@ -22,9 +33,16 @@ const UserProfilePage: React.FC<UserProfilePageProps> = ({ params }) => {
 
   return (
     <div className="min-h-screen flex flex-col">
-      <header className="w-full">
-        {/* TODO:The navbar can be added here in the future */}
-      </header>
+      <Navbar
+        logoSrc={process.env.NEXT_PUBLIC_APP_ROOT + "icons/starklogo.png"}
+        logoAlt="Go Stark Me logo"
+        title="Go Stark Me"
+        navItems={navItems}
+        ctaButton={{
+          label: "Connect wallet",
+          href: "/"
+        }}
+      />
 
       <main className="flex flex-grow w-full items-center justify-center bg-white p-8">
         {/* Profile Section */}
@@ -77,6 +95,7 @@ const UserProfilePage: React.FC<UserProfilePageProps> = ({ params }) => {
           </div>
         </section>
       </main>
+      <Footer />
     </div>
   );
 };
diff --git a/frontend/gostarkme-web/app/page.tsx b/frontend/gostarkme-web/app/page.tsx
index c0b2ac4..8df89f1 100644
--- a/frontend/gostarkme-web/app/page.tsx
+++ b/frontend/gostarkme-web/app/page.tsx
@@ -2,6 +2,7 @@
 import { LinkButton } from "@/components/ui/LinkButton";
 import { WelcomeBar } from "@/components/welcomepage/WelcomeBar";
 import { WelcomeItems } from "@/components/welcomepage/WelcomeItems";
+import Footer from "@/components/ui/Footer";
 import Image from "next/image";
 import { StardustAnimation } from "@/animations/StardustAnimation";
 
@@ -102,6 +103,7 @@ export default function Home() {
           </div>
         </div>
       </section>
+      <Footer />
     </main>
   );
 }
diff --git a/frontend/gostarkme-web/components/ui/Bounded.tsx b/frontend/gostarkme-web/components/ui/Bounded.tsx
index 9f01823..362de21 100644
--- a/frontend/gostarkme-web/components/ui/Bounded.tsx
+++ b/frontend/gostarkme-web/components/ui/Bounded.tsx
@@ -1,6 +1,11 @@
 import { ReactNode } from "react";
 import Footer from "./Footer";
+import Navbar from "./Navbar";
 
+const navItems = [
+  { label: 'My Profile', href: '/profile' },
+  { label: 'My funds', href: '/funds' }
+];
 interface BoundedProps {
   children: ReactNode;
   className?: string;
@@ -9,10 +14,18 @@ interface BoundedProps {
 const Bounded = ({ children, className }: BoundedProps) => {
   return (
     <div className="flex flex-col h-screen">
-      {/* Here could be the header layout */}
-      <header>Header</header>
+      <Navbar
+        logoSrc={process.env.NEXT_PUBLIC_APP_ROOT + "icons/starklogo.png"}
+        logoAlt="Go Stark Me logo"
+        title="Go Stark Me"
+        navItems={navItems}
+        ctaButton={{
+          label: "Connect wallet",
+          href: "/"
+        }}
+      />
       <main
-        className={`flex-grow container mx-auto p-16 mb-5 bg-gray-50 shadow-[rgba(50,_50,_105,_0.15)_0px_2px_5px_0px,_rgba(0,_0,_0,_0.05)_0px_1px_1px_0px] rounded-lg ${className}`}
+        className={`flex-grow container mx-auto p-16 mb-5 mt-14 bg-gray-50 shadow-[rgba(50,_50,_105,_0.15)_0px_2px_5px_0px,_rgba(0,_0,_0,_0.05)_0px_1px_1px_0px] rounded-lg ${className}`}
       >
         {children}
       </main>
diff --git a/frontend/gostarkme-web/package.json b/frontend/gostarkme-web/package.json
index 770de6b..968b32a 100644
--- a/frontend/gostarkme-web/package.json
+++ b/frontend/gostarkme-web/package.json
@@ -5,7 +5,7 @@
   "scripts": {
     "dev": "next dev",
     "build": "next build",
-    "start": "next start",
+    "start": "npx serve@latest out",
     "lint": "next lint"
   },
   "dependencies": {

From 0e1b81d4f1943a574506d21c76564f3378a881a5 Mon Sep 17 00:00:00 2001
From: Mariangela N <mariangelanavarro10@gmail.com>
Date: Sat, 28 Sep 2024 12:50:55 -0600
Subject: [PATCH 12/27] Change path

---
 frontend/gostarkme-web/app/{ => app}/newfunding/page.tsx | 2 --
 1 file changed, 2 deletions(-)
 rename frontend/gostarkme-web/app/{ => app}/newfunding/page.tsx (94%)

diff --git a/frontend/gostarkme-web/app/newfunding/page.tsx b/frontend/gostarkme-web/app/app/newfunding/page.tsx
similarity index 94%
rename from frontend/gostarkme-web/app/newfunding/page.tsx
rename to frontend/gostarkme-web/app/app/newfunding/page.tsx
index 84e92bb..c8f8530 100644
--- a/frontend/gostarkme-web/app/newfunding/page.tsx
+++ b/frontend/gostarkme-web/app/app/newfunding/page.tsx
@@ -1,5 +1,3 @@
-// pages/NewFundingPage.tsx
-
 "use client"; // Mark this component as a Client Component
 import Bounded from "@/components/ui/Bounded";
 import Divider from "@/components/ui/Divider";

From 2ee25f24cd903c1e9153c89b41fea23e14e47329 Mon Sep 17 00:00:00 2001
From: Mariangela N <mariangelanavarro10@gmail.com>
Date: Sat, 28 Sep 2024 12:51:07 -0600
Subject: [PATCH 13/27] change path

---
 frontend/gostarkme-web/app/app/newfunding/page.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/gostarkme-web/app/app/newfunding/page.tsx b/frontend/gostarkme-web/app/app/newfunding/page.tsx
index c8f8530..3cbfd5d 100644
--- a/frontend/gostarkme-web/app/app/newfunding/page.tsx
+++ b/frontend/gostarkme-web/app/app/newfunding/page.tsx
@@ -7,7 +7,9 @@ const NewFundingPage = ({ params }: { params: { fundId: string } }) => {
   return (
     <>
       <Bounded className="px-60 text-lg">
-        <h1 className="font-sans text-4xl font-normal leading-snug text-left">Your new fund!</h1>
+        <h1 className="font-sans text-4xl font-normal leading-snug text-left">
+          Your new fund!
+        </h1>
         <Divider />
         <Stages />
       </Bounded>

From ad85875408bf41a2dc2c4d10dd6472b0e9c45490 Mon Sep 17 00:00:00 2001
From: Luis Sanchez <luissanchezzamora23@gmail.com>
Date: Sat, 28 Sep 2024 23:06:24 -0500
Subject: [PATCH 14/27] [refactor] change implementation to fit any container

---
 .../gostarkme-web/animations/StardustAnimation.tsx     | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/gostarkme-web/animations/StardustAnimation.tsx b/frontend/gostarkme-web/animations/StardustAnimation.tsx
index 807fe5f..6d6a17c 100644
--- a/frontend/gostarkme-web/animations/StardustAnimation.tsx
+++ b/frontend/gostarkme-web/animations/StardustAnimation.tsx
@@ -1,6 +1,6 @@
 import React, { useEffect, useRef } from 'react';
 
-export const StardustAnimation = () => {
+export const StardustAnimation = ({height, width}: {height: number, width: number}) => {
     const canvasRef = useRef<HTMLCanvasElement>(null);
   
     useEffect(() => {
@@ -11,8 +11,8 @@ export const StardustAnimation = () => {
       let animationFrameId: number;
   
       // Set canvas size
-      canvas.width = window.innerWidth;
-      canvas.height = window.innerHeight;
+      canvas.width = width;
+      canvas.height = height;
   
       // Create stars
       const stars: { x: number; y: number; size: number; speed: number; }[] = [];
@@ -54,7 +54,7 @@ export const StardustAnimation = () => {
       return () => {
         cancelAnimationFrame(animationFrameId);
       };
-    }, []);
+    }, [height, width]);
   
-    return <canvas ref={canvasRef} className="relative top-0 left-0 w-full h-full" style={{position: 'absolute'}} />;
+    return <canvas ref={canvasRef} className="top-0 left-0" style={{position: 'absolute', inset: 0}} />;
   };
\ No newline at end of file

From 7a318be1204b8f1db94916c31763ceb0c63908e2 Mon Sep 17 00:00:00 2001
From: Luis Sanchez <luissanchezzamora23@gmail.com>
Date: Sat, 28 Sep 2024 23:07:09 -0500
Subject: [PATCH 15/27] [feat] include a new hook to get inner component sizes

---
 .../hooks/useComponentSize.hook.tsx           | 38 +++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 frontend/gostarkme-web/hooks/useComponentSize.hook.tsx

diff --git a/frontend/gostarkme-web/hooks/useComponentSize.hook.tsx b/frontend/gostarkme-web/hooks/useComponentSize.hook.tsx
new file mode 100644
index 0000000..d6f92fb
--- /dev/null
+++ b/frontend/gostarkme-web/hooks/useComponentSize.hook.tsx
@@ -0,0 +1,38 @@
+import { useState, useEffect, useRef, RefObject } from "react";
+
+/**
+ * Hook to get the size of a component
+ * @description This hook is used to get the size of a specific component.
+ * @param initialWidth - The initial width of the component
+ * @param initialHeight - The initial height of the component
+ * @returns The size of the component
+ */
+
+const useComponentSize = (
+  initialWidth: number = 1200,
+  initialHeight: number = 500
+): [RefObject<HTMLDivElement>, number, number] => {
+  const ref = useRef<HTMLDivElement>(null);
+  const [width, setWidth] = useState<number>(initialWidth);
+  const [height, setHeight] = useState<number>(initialHeight);
+
+  useEffect(() => {
+    const observer = new ResizeObserver((entries) => {
+      setWidth(entries[0].contentRect.width);
+      setHeight(entries[0].contentRect.height);
+    });
+
+    if (ref.current) {
+      observer.observe(ref.current);
+    }
+
+    return () => {
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      ref.current && observer.unobserve(ref.current);
+    };
+  }, []);
+
+  return [ref, width, height] as const;
+};
+
+export default useComponentSize;

From 6bee638e5ae58e98d3fa7be229e93f9c612c3554 Mon Sep 17 00:00:00 2001
From: Luis Sanchez <luissanchezzamora23@gmail.com>
Date: Sat, 28 Sep 2024 23:08:21 -0500
Subject: [PATCH 16/27] [fix] implement the new animation, fix the x-scrolling

---
 frontend/gostarkme-web/app/page.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/frontend/gostarkme-web/app/page.tsx b/frontend/gostarkme-web/app/page.tsx
index c0b2ac4..c9ed5ec 100644
--- a/frontend/gostarkme-web/app/page.tsx
+++ b/frontend/gostarkme-web/app/page.tsx
@@ -4,13 +4,17 @@ import { WelcomeBar } from "@/components/welcomepage/WelcomeBar";
 import { WelcomeItems } from "@/components/welcomepage/WelcomeItems";
 import Image from "next/image";
 import { StardustAnimation } from "@/animations/StardustAnimation";
+import useComponentSize from "@/hooks/useComponentSize.hook";
 
 export default function Home() {
   const ROOT = process.env.NEXT_PUBLIC_APP_ROOT;
-  
+
+  const [ref, width, height] = useComponentSize();
+
   return (
-    <main className="flex min-h-screen w-full flex-col items-center">
+    <main className="flex min-h-screen w-full flex-col items-center" >
       <WelcomeBar />
+      <div className="w-full max-w-screen-2xl relative" ref={ref}>
       <section className="w-full max-w-screen-2xl grid grid-cols-1 md:grid-cols-2 p-10">
         <div className="justify-self-center flex flex-col  justify-center items-center md:items-start gap-4 p-4">
           <h1 className="text-4xl font-bold">Upload your cause</h1>
@@ -18,8 +22,7 @@ export default function Home() {
           <WelcomeItems text="Give a good purpose." src={ROOT + "icons/target.png"} />
           <WelcomeItems text="Recollect Stars." src={ROOT + "icons/star.png"} />
           <WelcomeItems text="Receive donations." src={ROOT + "icons/starklogo.png"} />
-        </div>
-        <StardustAnimation />
+        </div>       
         <Image
           src={ROOT + "images/starcard.png"}
           alt="stark logo"
@@ -28,7 +31,8 @@ export default function Home() {
           className="self-center justify-self-center w-2/3 max-w-80 rounded-2xl"
         />
       </section>
-
+      <StardustAnimation height={height} width={width} />
+      </div>
       <section className="flex flex-col md:flex-row justify-center space-y-4 md:space-y-0 md:space-x-1.5 p-4 m-10">
         {/* <!-- Card 1 --> */}
         <div className="flex flex-col gap-y-6 p-8 md:p-12 shadow-md bg-gray-100 grow-0 shrink-0 md:basis-1/2">

From 60a4407e1203639d260e929b45ad626c0cccf36b Mon Sep 17 00:00:00 2001
From: Luis Sanchez <luissanchezzamora23@gmail.com>
Date: Sat, 28 Sep 2024 23:08:58 -0500
Subject: [PATCH 17/27] [feat] create the new fund card for dashboard

---
 .../components/dashboard/fundCard.tsx         | 43 +++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 frontend/gostarkme-web/components/dashboard/fundCard.tsx

diff --git a/frontend/gostarkme-web/components/dashboard/fundCard.tsx b/frontend/gostarkme-web/components/dashboard/fundCard.tsx
new file mode 100644
index 0000000..f621a47
--- /dev/null
+++ b/frontend/gostarkme-web/components/dashboard/fundCard.tsx
@@ -0,0 +1,43 @@
+"use client";
+
+import { StardustAnimation } from "@/animations/StardustAnimation";
+import useComponentSize from "@/hooks/useComponentSize.hook";
+import React from "react";
+
+interface FundCardProps {
+  fund: {
+    type: string;
+    title: string;
+    description: string;
+  };
+  index: number;
+}
+
+const FundCards = ({ fund, index }: FundCardProps) => {
+  const [ref, width, height] = useComponentSize();
+  return (
+    <div className="relative" ref={ref}>
+      <div
+        key={index}
+        className="bg-gray-950 shadow-[0px_4px_4px_0px_#00000040] text-white rounded-[10px] py-[32px] px-[24px] md:py-[48px] md:px-[48px] lg:py-[64px] lg:px-[72px] gap-8 md:gap-10 lg:gap-14 flex flex-col items-start justify-between"
+      >
+        <div className="flex flex-col items-start justify-between gap-4 md:gap-6">
+          <p className=" text-sm md:text-base lg:text-lg text-white font-light leading-[22px] md:leading-[25px] lg:leading-[27.6px]">
+            {fund.type} {fund.type === "Project" ? "🚀" : "🎗️"}
+          </p>
+          <h1 className="text-xl md:text-2xl lg:text-[40px] font-bold">
+            {fund.title}
+          </h1>
+        </div>
+        <div>
+          <p className="text-lg md:text-2xl lg:text-4xl text-white">
+            {fund.description}
+          </p>
+        </div>
+        <StardustAnimation height={height} width={width} />
+      </div>
+    </div>
+  );
+};
+
+export default FundCards;

From c6a5134ad5ee85abddc6bf9db87d5a72d69c3b57 Mon Sep 17 00:00:00 2001
From: Luis Sanchez <luissanchezzamora23@gmail.com>
Date: Sat, 28 Sep 2024 23:09:11 -0500
Subject: [PATCH 18/27] [feat] create the dashboard page

---
 frontend/gostarkme-web/app/dashboard/page.tsx | 53 +++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 frontend/gostarkme-web/app/dashboard/page.tsx

diff --git a/frontend/gostarkme-web/app/dashboard/page.tsx b/frontend/gostarkme-web/app/dashboard/page.tsx
new file mode 100644
index 0000000..c5f863f
--- /dev/null
+++ b/frontend/gostarkme-web/app/dashboard/page.tsx
@@ -0,0 +1,53 @@
+import FundCards from "@/components/dashboard/fundCard";
+import React from "react";
+
+const Dashboard = () => {
+  const funds = [
+    {
+      type: "Project",
+      title: "Adrian's fund",
+      description: "I need help with my project",
+    },
+    {
+      type: "Charity",
+      title: "Adrian's fund",
+      description: "I need help with my project",
+    },
+    {
+      type: "Charity",
+      title: "Adrian's fund",
+      description: "I need help with my project",
+    },
+    {
+      type: "Project",
+      title: "Adrian's fund",
+      description: "I need help with my project",
+    },
+
+    {
+      type: "Charity",
+      title: "Adrian's fund",
+      description: "I need help with my project",
+    },
+    {
+      type: "Project",
+      title: "Adrian's fund",
+      description: "I need help with my project",
+    },
+  ];
+  return (
+    <div className="container mx-auto p-6 min-h-screen">
+      <h1 className="text-4xl font-bold mb-6 flex items-center">
+        Latest Funds
+        <span className="ml-2 text-yellow-400">✨</span>
+      </h1>
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-x-4 gap-y-6 md:gap-x-[138px] md:gap-y-[84px]">
+        {funds.map((fund, index) => (
+          <FundCards key={index} fund={fund} index={index} />
+        ))}
+      </div>
+    </div>
+  );
+};
+
+export default Dashboard;

From 222c148870c70580f305e416072fe7a2f9f07576 Mon Sep 17 00:00:00 2001
From: bitfalt <75431447+bitfalt@users.noreply.github.com>
Date: Mon, 30 Sep 2024 03:30:33 -0600
Subject: [PATCH 19/27] add: make CI more explicit

---
 .github/workflows/contract_checks.yml | 58 +++++++++++++++------------
 1 file changed, 33 insertions(+), 25 deletions(-)

diff --git a/.github/workflows/contract_checks.yml b/.github/workflows/contract_checks.yml
index 90b17b5..920024d 100644
--- a/.github/workflows/contract_checks.yml
+++ b/.github/workflows/contract_checks.yml
@@ -13,80 +13,88 @@ on:
   workflow_dispatch:
 
 jobs: 
-  check-lint:
+  determine-changes:
     runs-on: ubuntu-latest
+    outputs:
+      contracts_dir: ${{ steps.changes.outputs.contracts_dir }}
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v2\
 
       - name: Check for changes
         uses: dorny/paths-filter@v3
         id: changes
         with:
           filters: |
-            contracts_dir: 
-              - 'contracts/src/**'
+            contracts_dir:
+              - `contracts/src/**`
+
+  check-lint:
+    runs-on: ubuntu-latest
+    needs: determine-changes
+    steps:
+      - uses: actions/checkout@v2
 
       - name: Setup Scarb
         uses: software-mansion/setup-scarb@v1
-        #if: steps.changes.outputs.contracts_dir == 'true'
+        if: needs.determine-changes.outputs.contracts_dir == 'true'
         with:
           scarb-version: "2.6.5"
 
       - name: Run Scarb formatting
-        #if: steps.changes.outputs.contracts_dir == 'true'
+        if: needs.determine-changes.outputs.contracts_dir == 'true'
         working-directory: contracts
         run: scarb fmt
+      
+      - name: No changes detected in contracts directory
+        if: needs.determine-changes.outputs.contracts_dir == 'false'
+        run: echo "No linting perfomed since no changes have been detected in the contracts directory."
   
   check-contracts-changes:
     runs-on: ubuntu-latest
+    needs: determine-changes
     steps:
       - uses: actions/checkout@v2
-
-      - name: Check for changes
-        uses: dorny/paths-filter@v3
-        id: changes
-        with:
-          filters: |
-            contracts_dir: 
-              - 'contracts/src/**'
               
       - name: Install scarb
         uses: software-mansion/setup-scarb@v1
-        #if: steps.changes.outputs.contracts_dir == 'true'
+        if: needs.determine-changes.outputs.contracts_dir == 'true'
         with:
           scarb-version: "2.6.5"
 
       - name: Run Scarb check
-        #if: steps.changes.outputs.contracts_dir == 'true'
+        if: needs.determine-changes.outputs.contracts_dir == 'true'
         working-directory: contracts
         run: scarb check
+
+      - name: No changes detected in contracts directory
+        if: needs.determine-changes.outputs.contracts_dir == 'false'
+        run: echo "No contracts checks done since no changes have been detected in the contracts directory."
     
   run-tests:
     runs-on: ubuntu-latest
+    needs: determine-changes
     steps:
       - name: Checkout repository
         uses: actions/checkout@v2
 
-      - name: Check for changes
-        uses: dorny/paths-filter@v3
-        id: changes
-        with:
-          filters: |
-            contracts_dir: 
-              - 'contracts/src/**'
-
       - name: Install Scarb
         uses: software-mansion/setup-scarb@v1
-        #if: steps.changes.outputs.contracts_dir == 'true'
+        if: needs.determine-changes.outputs.contracts_dir == 'true'
         with:
           scarb-version: "2.6.5"
 
 
       - name: Install snfoundry
         uses: foundry-rs/setup-snfoundry@v3
+        if: needs.determine-changes.outputs.contracts_dir == 'true'
         with:
           starknet-foundry-version: "0.20.1"
 
       - name: Run Cairo tests
+        if: needs.determine-changes.outputs.contracts_dir == 'true'
         id: cairo_tests
         run: bash scripts/run_tests.sh
+      
+      - name: No changes detected in contracts directory
+        if: needs.determine-changes.outputs.contracts_dir == 'false'
+        run: echo "No tests were run since no changes have been detected in the contracts directory."

From 8a7125afcf44d4e76c43e21a1596511bd2f3dac7 Mon Sep 17 00:00:00 2001
From: bitfalt <75431447+bitfalt@users.noreply.github.com>
Date: Mon, 30 Sep 2024 03:31:12 -0600
Subject: [PATCH 20/27] fix: typo

---
 .github/workflows/contract_checks.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/contract_checks.yml b/.github/workflows/contract_checks.yml
index 920024d..4ac949a 100644
--- a/.github/workflows/contract_checks.yml
+++ b/.github/workflows/contract_checks.yml
@@ -18,7 +18,7 @@ jobs:
     outputs:
       contracts_dir: ${{ steps.changes.outputs.contracts_dir }}
     steps:
-      - uses: actions/checkout@v2\
+      - uses: actions/checkout@v2
 
       - name: Check for changes
         uses: dorny/paths-filter@v3

From f642ae39caa5206a4efdae543ec28002cefd10b9 Mon Sep 17 00:00:00 2001
From: bitfalt <75431447+bitfalt@users.noreply.github.com>
Date: Mon, 30 Sep 2024 03:32:14 -0600
Subject: [PATCH 21/27] fix: typo

---
 .github/workflows/contract_checks.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/contract_checks.yml b/.github/workflows/contract_checks.yml
index 4ac949a..b024edf 100644
--- a/.github/workflows/contract_checks.yml
+++ b/.github/workflows/contract_checks.yml
@@ -26,7 +26,7 @@ jobs:
         with:
           filters: |
             contracts_dir:
-              - `contracts/src/**`
+              - 'contracts/src/**'
 
   check-lint:
     runs-on: ubuntu-latest

From 091b928fc549c39a4cb35610ef20d245a90eeb91 Mon Sep 17 00:00:00 2001
From: bitfalt <75431447+bitfalt@users.noreply.github.com>
Date: Mon, 30 Sep 2024 03:34:10 -0600
Subject: [PATCH 22/27] add: edit contract file to check CI

---
 contracts/src/fundManager.cairo | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/contracts/src/fundManager.cairo b/contracts/src/fundManager.cairo
index 36426d8..dc0e635 100644
--- a/contracts/src/fundManager.cairo
+++ b/contracts/src/fundManager.cairo
@@ -5,7 +5,7 @@ use starknet::class_hash::ClassHash;
 pub trait IFundManager<TContractState> {
     fn newFund(ref self: TContractState, name: felt252, goal: u64);
     fn getCurrentId(self: @TContractState) -> u128;
-    fn getFund(self: @TContractState, id: u128) -> ContractAddress;
+    // fn getFund(self: @TContractState, id: u128) -> ContractAddress;
 }
 
 #[starknet::contract]
@@ -62,8 +62,8 @@ mod FundManager {
         fn getCurrentId(self: @ContractState) -> u128 {
             return self.current_id.read();
         }
-        fn getFund(self: @ContractState, id: u128) -> ContractAddress {
-            return self.funds.read(id);
-        }
+        // fn getFund(self: @ContractState, id: u128) -> ContractAddress {
+        //     return self.funds.read(id);
+        // }
     }
 }

From 5ff6cbfa0cbad059394d6cc513ec9c65574accca Mon Sep 17 00:00:00 2001
From: bitfalt <75431447+bitfalt@users.noreply.github.com>
Date: Mon, 30 Sep 2024 03:35:33 -0600
Subject: [PATCH 23/27] fix: restore contract file to original

---
 contracts/src/fundManager.cairo | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/contracts/src/fundManager.cairo b/contracts/src/fundManager.cairo
index dc0e635..36426d8 100644
--- a/contracts/src/fundManager.cairo
+++ b/contracts/src/fundManager.cairo
@@ -5,7 +5,7 @@ use starknet::class_hash::ClassHash;
 pub trait IFundManager<TContractState> {
     fn newFund(ref self: TContractState, name: felt252, goal: u64);
     fn getCurrentId(self: @TContractState) -> u128;
-    // fn getFund(self: @TContractState, id: u128) -> ContractAddress;
+    fn getFund(self: @TContractState, id: u128) -> ContractAddress;
 }
 
 #[starknet::contract]
@@ -62,8 +62,8 @@ mod FundManager {
         fn getCurrentId(self: @ContractState) -> u128 {
             return self.current_id.read();
         }
-        // fn getFund(self: @ContractState, id: u128) -> ContractAddress {
-        //     return self.funds.read(id);
-        // }
+        fn getFund(self: @ContractState, id: u128) -> ContractAddress {
+            return self.funds.read(id);
+        }
     }
 }

From c556fdd20ecfea6b997c148a08ecb50f3b21233d Mon Sep 17 00:00:00 2001
From: bitfalt <75431447+bitfalt@users.noreply.github.com>
Date: Mon, 30 Sep 2024 03:37:03 -0600
Subject: [PATCH 24/27] fix: remove line to manually run CI

---
 .github/workflows/contract_checks.yml | 2 --
 1 file changed, 2 deletions(-)

diff --git a/.github/workflows/contract_checks.yml b/.github/workflows/contract_checks.yml
index b024edf..3eec1b0 100644
--- a/.github/workflows/contract_checks.yml
+++ b/.github/workflows/contract_checks.yml
@@ -10,8 +10,6 @@ on:
       - dev
       - main
 
-  workflow_dispatch:
-
 jobs: 
   determine-changes:
     runs-on: ubuntu-latest

From 0e790246c3497c23dbdf6ccc1e7da0c848e31ecc Mon Sep 17 00:00:00 2001
From: Luis Sanchez <luissanchezzamora23@gmail.com>
Date: Mon, 30 Sep 2024 08:10:01 -0500
Subject: [PATCH 25/27] [fix] change format to unicode

---
 frontend/gostarkme-web/components/dashboard/fundCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/gostarkme-web/components/dashboard/fundCard.tsx b/frontend/gostarkme-web/components/dashboard/fundCard.tsx
index f621a47..db7db86 100644
--- a/frontend/gostarkme-web/components/dashboard/fundCard.tsx
+++ b/frontend/gostarkme-web/components/dashboard/fundCard.tsx
@@ -23,7 +23,7 @@ const FundCards = ({ fund, index }: FundCardProps) => {
       >
         <div className="flex flex-col items-start justify-between gap-4 md:gap-6">
           <p className=" text-sm md:text-base lg:text-lg text-white font-light leading-[22px] md:leading-[25px] lg:leading-[27.6px]">
-            {fund.type} {fund.type === "Project" ? "🚀" : "🎗️"}
+            {fund.type} {fund.type === "Project" ? "\u{1F680}" : "\u{1FAC0}"}
           </p>
           <h1 className="text-xl md:text-2xl lg:text-[40px] font-bold">
             {fund.title}

From 6b2c6d7a4100b0f092ac66d1a7bba578d4b09c1c Mon Sep 17 00:00:00 2001
From: Luis Sanchez <luissanchezzamora23@gmail.com>
Date: Mon, 30 Sep 2024 08:15:18 -0500
Subject: [PATCH 26/27] [fix] use plain html unicode

---
 frontend/gostarkme-web/components/dashboard/fundCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/gostarkme-web/components/dashboard/fundCard.tsx b/frontend/gostarkme-web/components/dashboard/fundCard.tsx
index db7db86..f093c22 100644
--- a/frontend/gostarkme-web/components/dashboard/fundCard.tsx
+++ b/frontend/gostarkme-web/components/dashboard/fundCard.tsx
@@ -23,7 +23,7 @@ const FundCards = ({ fund, index }: FundCardProps) => {
       >
         <div className="flex flex-col items-start justify-between gap-4 md:gap-6">
           <p className=" text-sm md:text-base lg:text-lg text-white font-light leading-[22px] md:leading-[25px] lg:leading-[27.6px]">
-            {fund.type} {fund.type === "Project" ? "\u{1F680}" : "\u{1FAC0}"}
+            {fund.type} {fund.type === "Project" ? <span>&#x1f680;</span> : <span>&#x1FAC0;</span>}
           </p>
           <h1 className="text-xl md:text-2xl lg:text-[40px] font-bold">
             {fund.title}

From bf3489da408144a3aec47bb0c716c12270c26013 Mon Sep 17 00:00:00 2001
From: Luis Sanchez <luissanchezzamora23@gmail.com>
Date: Mon, 30 Sep 2024 08:58:01 -0500
Subject: [PATCH 27/27] [fix] change emoji to unicode

---
 frontend/gostarkme-web/app/dashboard/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/gostarkme-web/app/dashboard/page.tsx b/frontend/gostarkme-web/app/dashboard/page.tsx
index c5f863f..3936389 100644
--- a/frontend/gostarkme-web/app/dashboard/page.tsx
+++ b/frontend/gostarkme-web/app/dashboard/page.tsx
@@ -39,7 +39,7 @@ const Dashboard = () => {
     <div className="container mx-auto p-6 min-h-screen">
       <h1 className="text-4xl font-bold mb-6 flex items-center">
         Latest Funds
-        <span className="ml-2 text-yellow-400">✨</span>
+        <span className="ml-2 text-yellow-400">&#x2728;</span>
       </h1>
       <div className="grid grid-cols-1 md:grid-cols-2 gap-x-4 gap-y-6 md:gap-x-[138px] md:gap-y-[84px]">
         {funds.map((fund, index) => (