diff --git a/README.md b/README.md
index 6ff5330..bed1b39 100644
--- a/README.md
+++ b/README.md
@@ -1,80 +1,95 @@
-# 🏗 Scaffold-ETH 2
+# 🏗 Chain Notes
 
 <h4 align="center">
-  <a href="https://docs.scaffoldeth.io">Documentation</a> |
-  <a href="https://scaffoldeth.io">Website</a>
+  <a href="https://github.com/chain-notes-brussels/chain-notes-snap">Repo</a> |
+  <a href="https://chain-notes.vercel.app/">Website</a>
 </h4>
 
-🧪 An open-source, up-to-date toolkit for building decentralized applications (dapps) on the Ethereum blockchain. It's designed to make it easier for developers to create and deploy smart contracts and build user interfaces that interact with those contracts.
+🫰 Always falling for rugs and scams? Afraid to claim airdrops because you're unsure if the contract is safe? Chain Notes provides context about a contract, before a transaction. The context can show if a contract is malicious or safe, or provide other insightful information. What is shown is based on notes that are linked to an address, and voted on by the community. The voting logic is inspired on Twitter/X's implementation of Community Notes and [Vitalik's blog post](https://vitalik.eth.limo/general/2023/08/16/communitynotes.html).
 
-⚙️ Built using NextJS, RainbowKit, Foundry, Wagmi, Viem, and Typescript.
+⚙️ Built using NextJS, Foundry, Metamask Snap, WorldCoin and The Graph.
 
-- ✅ **Contract Hot Reload**: Your frontend auto-adapts to your smart contract as you edit it.
-- 🪝 **[Custom hooks](https://docs.scaffoldeth.io/hooks/)**: Collection of React hooks wrapper around [wagmi](https://wagmi.sh/) to simplify interactions with smart contracts with typescript autocompletion.
-- 🧱 [**Components**](https://docs.scaffoldeth.io/components/): Collection of common web3 components to quickly build your frontend.
-- 🔥 **Burner Wallet & Local Faucet**: Quickly test your application with a burner wallet and local faucet.
-- 🔐 **Integration with Wallet Providers**: Connect to different wallet providers and interact with the Ethereum network.
+- ✅ **User friendly UX**: Our Metamask Snap shows the most useful note/context before the user approves a transaction, to ensure the user does not interact with any malicious contracts.
+- 🧱 **Sybil resistant**: Using Worldcoin WorldID ensures that every person can only vote once on a note.
+- ⛓️ **Available on all chains**: Chain Notes is available on all EVM chains!
 
-![Debug Contracts tab](https://github.com/scaffold-eth/scaffold-eth-2/assets/55535804/b237af0c-5027-4849-a5c1-2e31495cccb1)
 
-## Requirements
+## Diagram
 
-Before you begin, you need to install the following tools:
+![dashboard 1](assets/diagram.png)
 
-- [Node (>= v18.17)](https://nodejs.org/en/download/)
-- Yarn ([v1](https://classic.yarnpkg.com/en/docs/install/) or [v2+](https://yarnpkg.com/getting-started/install))
-- [Git](https://git-scm.com/downloads)
+## Screenshots
 
-## Quickstart
+| Landing page                      | Metamask Snap              |
+| --------------------------------- | --------------------------------- |
+| ![dashboard 1](screenshots/1.png) | ![dashboard 2](screenshots/2.png) |
 
-To get started with Scaffold-ETH 2, follow the steps below:
+|  Create Note                          | View note                      |
+| --------------------------------- | --------------------------------- |
+| ![dashboard 3](screenshots/3.png) | ![dashboard 4](screenshots/4.png) |
 
-1. Install dependencies if it was skipped in CLI:
 
-```
-cd my-dapp-example
-yarn install
-```
 
-2. Run a local network in the first terminal:
+## Bounties
 
-```
-yarn chain
-```
+### Worldcoin
 
-This command starts a local Ethereum network using Foundry. The network runs on your local machine and can be used for testing and development. You can customize the network configuration in `packages/foundry/foundry.toml`.
+### Base - Best Consumer App UX
 
-3. On a second terminal, deploy the test contract:
+Our dApp is deployed on Base testnet. Our dApp provides context to contracts before approving a transaction, which can be used to warn users about malicious contracts. We think this is a great improvement to UX, since it's not intrusive and keeps users informed and safe.
 
-```
-yarn deploy
-```
+### Arbitrum - Best General Project Built on Arbitrum Technology
 
-This command deploys a test smart contract to the local network. The contract is located in `packages/foundry/contracts` and can be modified to suit your needs. The `yarn deploy` command uses the deploy script located in `packages/foundry/script` to deploy the contract to the network. You can also customize the deploy script.
+Deployed our project on Arbitrum testnet.
 
-4. On a third terminal, start your NextJS app:
+### Metamask Linea
 
-```
-yarn start
-```
+We created a metamask snap ([in a seperate repo](https://github.com/chain-notes-brussels/snap)) and deployed to Linea testnet.
 
-Visit your app on: `http://localhost:3000`. You can interact with your smart contract using the `Debug Contracts` page. You can tweak the app config in `packages/nextjs/scaffold.config.ts`.
+### Morph
 
-Run smart contract test with `yarn foundry:test`
+We deployed our contracts on Morph Holesky and manually added the config for the frontend, since this is not available yet in viem and scaffold. Bridging tokens to Morph and deploying was very straightforward. Only hickup we encountered was that we had to manually add network config on the frontend. 
 
-- Edit your smart contract `YourContract.sol` in `packages/foundry/contracts`
-- Edit your frontend homepage at `packages/nextjs/app/page.tsx`. For guidance on [routing](https://nextjs.org/docs/app/building-your-application/routing/defining-routes) and configuring [pages/layouts](https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts) checkout the Next.js documentation.
-- Edit your deployment scripts in `packages/foundry/script`
+- [Manual network config](https://github.com/chain-notes-brussels/chain-notes-snap/blob/d71b19303b4d260dab5b9d66f40d89af665c750b/packages/nextjs/utils/scaffold-eth/morechains.ts)
 
+### Scroll - Best Project on Scroll
 
-## Documentation
+### Neon EVM - Best Use Case of Neon EVM
 
-Visit our [docs](https://docs.scaffoldeth.io) to learn how to start building with Scaffold-ETH 2.
+We deployed our contracts to the Neon EVM.
 
-To know more about its features, check out our [website](https://scaffoldeth.io).
+### ApeCoin - Best Dapp
 
-## Contributing to Scaffold-ETH 2
+We deployed our contracts to the ApeChain. Also we added custom config for the network on the frontend, since it was not available in viem and scaffold by default.
+- [Manual network config](https://github.com/chain-notes-brussels/chain-notes-snap/blob/d71b19303b4d260dab5b9d66f40d89af665c750b/packages/nextjs/utils/scaffold-eth/morechains.ts)
 
-We welcome contributions to Scaffold-ETH 2!
 
-Please see [CONTRIBUTING.MD](https://github.com/scaffold-eth/scaffold-eth-2/blob/main/CONTRIBUTING.md) for more information and guidelines for contributing to Scaffold-ETH 2.
\ No newline at end of file
+### Zerion - Best build on ZERϴ Network
+
+We deployed our contracts on Zerio testnet. Also we added custom config for the network on the frontend, since it was not available in viem and scaffold by default.
+- [Manual network config](https://github.com/chain-notes-brussels/chain-notes-snap/blob/d71b19303b4d260dab5b9d66f40d89af665c750b/packages/nextjs/utils/scaffold-eth/morechains.ts)
+
+### Zircuit - Best Project on Zircuit
+
+We deployed our contracts on Zircuit and manually added the config for the frontend, since this is not available yet in viem and scaffold. Getting testnet tokens and deploying on Zircuit was very smooth. Only hickup we encountered was that we had to manually add network config on the frontend.
+
+- [Zircuit manual network config](https://github.com/chain-notes-brussels/chain-notes-snap/blob/d71b19303b4d260dab5b9d66f40d89af665c750b/packages/nextjs/utils/scaffold-eth/morechains.ts)
+
+
+## Links
+
+- [Live dApp on Vercel](https://chain-notes.vercel.app/)
+- [Github: Solidity contract and frontend dashboard](https://github.com/chain-notes-brussels/chain-notes-snap)
+- [Github: Metamask Snap](https://github.com/chain-notes-brussels/snap)
+
+### Deployed contracts
+- [Notes.sol on Sepolia](https://sepolia.etherscan.io/address/0x62a4d5b0f16d8eb9065310afbb7f2622d981f124)
+
+### References
+- [Vitalik blog - What do I think about Community Notes?](https://vitalik.eth.limo/general/2023/08/16/communitynotes.html)
+
+## Team
+
+- [arjanjohan](https://x.com/arjanjohan/)
+- [0xjsi.eth](https://twitter.com/0xjsieth)
+- [Aleksandre Tsetskhladze](https://twitter.com/atsetsoffc)
\ No newline at end of file
diff --git a/packages/nextjs/app/create/page.tsx b/packages/nextjs/app/create/page.tsx
new file mode 100644
index 0000000..c67847f
--- /dev/null
+++ b/packages/nextjs/app/create/page.tsx
@@ -0,0 +1,83 @@
+"use client";
+
+import { useState } from "react";
+import type { NextPage } from "next";
+import { useAccount } from "wagmi";
+import { AddressInput } from "~~/components/scaffold-eth";
+import { useDeployedContractInfo, useScaffoldWriteContract } from "~~/hooks/scaffold-eth";
+
+const CreateNote: NextPage = () => {
+  const [address, setAddress] = useState("");
+  const [noteContent, setNoteContent] = useState("");
+  const [isDanger, setIsDanger] = useState(false);
+  const { address: connectedAccount } = useAccount();
+  const { data: NotesContractInfo } = useDeployedContractInfo("Notes");
+
+  const { writeContractAsync: writeNotesContractAsync } = useScaffoldWriteContract("Notes");
+
+  return (
+    <div className="container mx-auto p-8">
+      <h1 className="text-center mb-4 mt-5">
+        <span className="block text-4xl font-bold">Create a Note</span>
+      </h1>
+      <div className="flex flex-col items-center">
+        <div className="w-full max-w-lg bg-base-100 shadow-lg shadow-secondary border-8 border-secondary rounded-xl p-8 m-8">
+          <div className="flex flex-col text-center mb-4">
+            <span className="text-2xl font-semibold">Create Note</span>
+            
+          </div>
+          <div className="flex flex-col space-y-4">
+            <div className="flex flex-col items-center">
+              <span className="w-full">
+                Address{" "}
+                <AddressInput value={address} onChange={value => setAddress(value)} placeholder="Address" />
+              </span>
+            </div>
+            <div className="flex flex-col items-center">
+              <span className="w-full">
+                Note Content{" "}
+                <textarea
+                  className="textarea textarea-bordered w-full"
+                  value={noteContent}
+                  onChange={e => setNoteContent(e.target.value)}
+                  placeholder="Note Content"
+                />
+              </span>
+            </div>
+            <div className="flex flex-col items-center">
+              <label className="label cursor-pointer">
+                <span className="label-text">Danger/Warning </span>
+                
+                <input
+                  type="checkbox"
+                  className="toggle toggle-error"
+                  checked={isDanger}
+                  onChange={e => setIsDanger(e.target.checked)}
+                />
+              </label>
+            </div>
+            <div className="flex flex-col items-center mt-4">
+              <button
+                className="btn btn-primary"
+                onClick={async () => {
+                  try {
+                    await writeNotesContractAsync({
+                      functionName: "publishNote",
+                      args: [address, noteContent, isDanger],
+                    });
+                  } catch (err) {
+                    console.error("Error calling create function", err);
+                  }
+                }}
+              >
+                Create Note
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default CreateNote;
diff --git a/packages/nextjs/app/view/[address]/page.tsx b/packages/nextjs/app/view/[address]/page.tsx
new file mode 100644
index 0000000..79d3ce6
--- /dev/null
+++ b/packages/nextjs/app/view/[address]/page.tsx
@@ -0,0 +1,124 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { useParams } from "next/navigation";
+import type { NextPage } from "next";
+import { useScaffoldReadContract, useScaffoldWriteContract } from "~~/hooks/scaffold-eth";
+import { Address } from "~~/components/scaffold-eth";
+import { isAddress } from "viem";
+
+const ViewNote: NextPage = () => {
+  const { address } = useParams();
+  const [notes, setNotes] = useState<any[]>([]);
+  const [validAddress, setValidAddress] = useState(false);
+  const [ratings, setRatings] = useState<number[]>([]); // Array to store selected ratings
+
+  const { data: notesData, refetch } = useScaffoldReadContract({
+    contractName: "Notes",
+    functionName: "retrieveContractNotes",
+    args: [address],
+  });
+
+  const { writeContractAsync: writeNotesContract, isPending } = useScaffoldWriteContract("Notes");
+
+  useEffect(() => {
+    if (address && isAddress(address as string)) {
+      setValidAddress(true);
+      refetch();
+    } else {
+      setValidAddress(false);
+    }
+  }, [address, refetch]);
+
+  useEffect(() => {
+    if (notesData) {
+      setNotes(notesData);
+      setRatings(new Array(notesData.length).fill(0)); // Initialize ratings array with default value 0 (HELPFUL)
+    }
+  }, [notesData]);
+
+  const handleRatingChange = (index: number, rating: number) => {
+    const newRatings = [...ratings];
+    newRatings[index] = rating;
+    setRatings(newRatings);
+  };
+
+  const handleVote = async (noteIndex: number, rating: number) => {
+    const noteAddress = address; // Assuming the address is linked to the note
+    try {
+      console.log("Submitting vote...");
+      await writeNotesContract({
+        functionName: "vote",
+        args: [rating, BigInt(noteIndex), noteAddress],
+      });
+      console.log("Vote submitted successfully");
+    } catch (error) {
+      console.error("Error submitting vote:", error);
+    }
+  };
+
+  return (
+    <div className="container mx-auto p-8">
+      <h1 className="text-center mb-4 mt-5">
+        <span className="block text-4xl font-bold">View Note</span>
+
+        <div className="flex justify-center items-center space-x-2 flex-col sm:flex-row">
+          <p className="my-2 font-medium">Contract Address:</p>
+          <Address address={address} />
+        </div>
+      </h1>
+      {validAddress ? (
+        <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
+          {notes
+            .sort((a, b) => b.score - a.score) // Sort notes, highest score first
+            .map((note, index) => (
+              <div key={index} className="bg-base-100 shadow-lg shadow-secondary border-8 border-secondary rounded-xl p-8">
+                <div className="flex flex-col mb-4">
+                  <p className="font-medium my-0 break-words mb-2">{note.sentiment ? "✅ Positive note" : "❌ Negative note"}</p>
+                  <div className="bg-secondary rounded-3xl text-sm px-4 py-1.5 break-words overflow-auto">
+                    <pre className="whitespace-pre-wrap break-words">{note.uri}</pre>
+                  </div>
+                </div>
+                <div className="flex flex-col mb-4">
+                  <span className="block text-xl font-semibold mb-2">Score</span>
+                  <p>{note.score}</p>
+                </div>
+                <div className="flex flex-col mb-4">
+                  <span className="block text-xl font-semibold mb-2">Rate this note</span>
+                  <div className="flex">
+                    <button
+                      onClick={() => handleVote(index, 0)}
+                      className="btn flex-1 rounded-none first:rounded-l-lg last:rounded-r-lg"
+                      disabled={isPending}
+                    >
+                      HELPFUL
+                    </button>
+                    <button
+                      onClick={() => handleVote(index, 2)}
+                      className="btn flex-1 rounded-none first:rounded-l-lg last:rounded-r-lg"
+                      disabled={isPending}
+                    >
+                      SOMEWHAT_HELPFUL
+                    </button>
+                    <button
+                      onClick={() => handleVote(index, 1)}
+                      className="btn flex-1 rounded-none first:rounded-l-lg last:rounded-r-lg"
+                      disabled={isPending}
+                    >
+                      NOT_HELPFUL
+                    </button>
+                  </div>
+                </div>
+              </div>
+            ))}
+        </div>
+      ) : (
+        <div className="text-center">
+          <p className="text-red-500">Invalid address. Please check the URL.</p>
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default ViewNote;
diff --git a/packages/nextjs/app/view/page.tsx b/packages/nextjs/app/view/page.tsx
new file mode 100644
index 0000000..4f721b2
--- /dev/null
+++ b/packages/nextjs/app/view/page.tsx
@@ -0,0 +1,44 @@
+"use client";
+
+import { useState } from "react";
+import Link from "next/link";
+import { isAddress } from "viem";
+import { AddressInput } from "~~/components/scaffold-eth";
+
+const ViewPage = () => {
+  const [inputAddress, setInputAddress] = useState("");
+  const [validAddress, setValidAddress] = useState(false);
+
+  const handleAddressChange = (value: string) => {
+    setInputAddress(value);
+    setValidAddress(isAddress(value));
+  };
+
+  return (
+    <div className="container mx-auto p-8">
+      <h1 className="text-center mb-4 mt-5">
+        <span className="block text-4xl font-bold">View Notes</span>
+      </h1>
+      <div className="flex flex-col items-center">
+        <div className="w-full max-w-lg bg-base-100 shadow-lg shadow-secondary border-8 border-secondary rounded-xl p-8 m-8">
+          <div className="flex flex-col items-center mb-4">
+            <span className="block text-xl font-semibold mb-2">Enter Address</span>
+            <AddressInput value={inputAddress} onChange={handleAddressChange} placeholder="Address" />
+          </div>
+          <div className="flex flex-col items-center mt-4">
+            <Link href={validAddress ? `/view/${inputAddress}` : "#"} passHref>
+              <button
+                className={`btn btn-primary ${!validAddress && 'btn-disabled'}`}
+                disabled={!validAddress}
+              >
+                View Note
+              </button>
+            </Link>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default ViewPage;
diff --git a/packages/nextjs/components/Header.tsx b/packages/nextjs/components/Header.tsx
index f24a1de..8b95fb9 100644
--- a/packages/nextjs/components/Header.tsx
+++ b/packages/nextjs/components/Header.tsx
@@ -19,6 +19,14 @@ export const menuLinks: HeaderMenuLink[] = [
     label: "Home",
     href: "/",
   },
+  {
+    label: "Create Note",
+    href: "/create",
+  },
+  {
+    label: "View Notes",
+    href: "/view",
+  },
   {
     label: "Debug Contracts",
     href: "/debug",
diff --git a/packages/nextjs/contracts/deployedContracts.ts b/packages/nextjs/contracts/deployedContracts.ts
index 1d6ed07..b462779 100644
--- a/packages/nextjs/contracts/deployedContracts.ts
+++ b/packages/nextjs/contracts/deployedContracts.ts
@@ -481,4 +481,4 @@ const deployedContracts = {
   },
 } as const;
 
-export default deployedContracts satisfies GenericContractsDeclaration;
+export default deployedContracts satisfies GenericContractsDeclaration;
\ No newline at end of file
diff --git a/packages/nextjs/package.json b/packages/nextjs/package.json
index af89b2c..dc4564b 100644
--- a/packages/nextjs/package.json
+++ b/packages/nextjs/package.json
@@ -21,12 +21,14 @@
     "@uniswap/v2-sdk": "~3.0.1",
     "blo": "~1.0.1",
     "burner-connector": "~0.0.8",
+    "chart.js": "^4.4.3",
     "daisyui": "4.5.0",
     "next": "~14.0.4",
     "next-themes": "~0.2.1",
     "nprogress": "~0.2.0",
     "qrcode.react": "~3.1.0",
     "react": "~18.2.0",
+    "react-chartjs-2": "^5.2.0",
     "react-copy-to-clipboard": "~5.1.0",
     "react-dom": "~18.2.0",
     "react-hot-toast": "~2.4.0",
diff --git a/packages/nextjs/scaffold.config.ts b/packages/nextjs/scaffold.config.ts
index 7870ecc..8d89d0d 100644
--- a/packages/nextjs/scaffold.config.ts
+++ b/packages/nextjs/scaffold.config.ts
@@ -1,4 +1,5 @@
 import * as chains from "viem/chains";
+import { zircuit, apeChain, zerion, morph } from "./utils/scaffold-eth/morechains";
 
 export type ScaffoldConfig = {
   targetNetworks: readonly chains.Chain[];
@@ -10,7 +11,18 @@ export type ScaffoldConfig = {
 
 const scaffoldConfig = {
   // The networks on which your DApp is live
-  targetNetworks: [chains.foundry],
+  targetNetworks: [
+    chains.sepolia,
+    chains.baseSepolia,
+    chains.arbitrumSepolia,
+    chains.scrollSepolia,
+    chains.neonDevnet,
+    chains.lineaSepolia,
+    zircuit,
+    apeChain,
+    zerion,
+    morph
+  ],
 
   // The interval at which your front-end polls the RPC servers for new data
   // it has no effect if you only target the local network (default is 4000)
diff --git a/packages/nextjs/utils/scaffold-eth/morechains.ts b/packages/nextjs/utils/scaffold-eth/morechains.ts
new file mode 100644
index 0000000..7f32978
--- /dev/null
+++ b/packages/nextjs/utils/scaffold-eth/morechains.ts
@@ -0,0 +1,116 @@
+import { defineChain } from "viem"
+
+export const zircuit = defineChain(
+    {
+        id: 48899,
+        network: 'zircuit',
+        name: 'Zircuit Testnet',
+        nativeCurrency: { name: 'ETH', symbol: 'ETH', decimals: 18 },
+        rpcUrls: {
+            default: {
+                http: ['https://zircuit1.p2pify.com/'],
+            },
+            public: {
+                http: ['https://zircuit1.p2pify.com/'],
+            },
+        },
+        blockExplorers: {
+            blockscout: {
+                name: 'Blockscout',
+                url: 'https://explorer.zircuit.com',
+            },
+            default: {
+                name: 'Blockscout',
+                url: 'https://explorer.zircuit.com',
+            },
+        },
+        testnet: true,
+
+    },
+
+)
+
+
+export const apeChain = defineChain(
+    {
+        id: 1798,
+        network: 'Jenkins',
+        name: 'apeChain Jenkins',
+        nativeCurrency: { name: 'APE', symbol: 'APE', decimals: 18 },
+        rpcUrls: {
+            default: {
+                http: ['https://jenkins.rpc.caldera.xyz/http'],
+            },
+            public: {
+                http: ['https://jenkins.rpc.caldera.xyz/http'],
+            },
+        },
+        testnet: true,
+
+    },
+
+)
+
+
+
+export const zerion = defineChain(
+    {
+        id: 4457845,
+        network: 'ZERϴ Network',
+        name: 'ZERϴ Network',
+        nativeCurrency: { name: 'ETH', symbol: 'ETH', decimals: 18 },
+        rpcUrls: {
+            default: {
+                http: ['https://rpc.zerion.io/v1/zero-sepolia'],
+            },
+            public: {
+                http: ['https://rpc.zerion.io/v1/zero-sepolia'],
+            },
+        },
+        blockExplorers: {
+            blockscout: {
+                name: 'Blockscout',
+                url: 'https://explorer.zero.network',
+            },
+            default: {
+                name: 'Blockscout',
+                url: 'https://explorer.zero.network',
+            },
+        },
+        testnet: true,
+
+    },
+
+)
+
+
+
+export const morph = defineChain(
+    {
+        id: 2810,
+        network: 'Morph Holesky Testnet',
+        name: 'Morph Holesky Testnet',
+        nativeCurrency: { name: 'ETH', symbol: 'ETH', decimals: 18 },
+        rpcUrls: {
+            default: {
+                http: ['https://rpc-quicknode-holesky.morphl2.io'],
+            },
+            public: {
+                http: ['https://rpc-quicknode-holesky.morphl2.io'],
+            },
+        },
+        blockExplorers: {
+            blockscout: {
+                name: 'Blockscout',
+                url: 'https://explorer-holesky.morphl2.io',
+            },
+            default: {
+                name: 'Blockscout',
+                url: 'https://explorer-holesky.morphl2.io',
+            },
+        },
+        testnet: true,
+
+    },
+
+)
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index 3606051..ca944f2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -820,6 +820,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@kurkle/color@npm:^0.3.0":
+  version: 0.3.2
+  resolution: "@kurkle/color@npm:0.3.2"
+  checksum: 79e97b31f8f6efb28c69d373f94b0c7480226fe8ec95221f518ac998e156444a496727ce47de6d728eb5c3369288e794cba82cae34253deb0d472d3bfe080e49
+  languageName: node
+  linkType: hard
+
 "@lit-labs/ssr-dom-shim@npm:^1.0.0, @lit-labs/ssr-dom-shim@npm:^1.1.0":
   version: 1.2.0
   resolution: "@lit-labs/ssr-dom-shim@npm:1.2.0"
@@ -1665,6 +1672,7 @@ __metadata:
     autoprefixer: ~10.4.12
     blo: ~1.0.1
     burner-connector: ~0.0.8
+    chart.js: ^4.4.3
     daisyui: 4.5.0
     eslint: ~8.24.0
     eslint-config-next: ~14.0.4
@@ -1677,6 +1685,7 @@ __metadata:
     prettier: ~3.3.2
     qrcode.react: ~3.1.0
     react: ~18.2.0
+    react-chartjs-2: ^5.2.0
     react-copy-to-clipboard: ~5.1.0
     react-dom: ~18.2.0
     react-hot-toast: ~2.4.0
@@ -3721,6 +3730,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"chart.js@npm:^4.4.3":
+  version: 4.4.3
+  resolution: "chart.js@npm:4.4.3"
+  dependencies:
+    "@kurkle/color": ^0.3.0
+  checksum: 94c8d174b0d3414d50f145d4faa00bd12417bc48b18f96ac6c56f6225ec23cdc085038dddf45f77e472c5034d97e44cc23fbe35beb70d906addddd632a8c2ada
+  languageName: node
+  linkType: hard
+
 "chokidar@npm:3.3.1":
   version: 3.3.1
   resolution: "chokidar@npm:3.3.1"
@@ -8808,6 +8826,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-chartjs-2@npm:^5.2.0":
+  version: 5.2.0
+  resolution: "react-chartjs-2@npm:5.2.0"
+  peerDependencies:
+    chart.js: ^4.1.1
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+  checksum: ace702185be1450e5888a8bcd8b5fc1995067e3b11d236764a67f5567a3d7c32ff16923b8d48d3d39bda6e45135da6c044c9b43fbe8e1978f95aca9d2c0ce348
+  languageName: node
+  linkType: hard
+
 "react-copy-to-clipboard@npm:~5.1.0":
   version: 5.1.0
   resolution: "react-copy-to-clipboard@npm:5.1.0"