From 85924de846bb298e6fd134ccc70b4b4438c8089b Mon Sep 17 00:00:00 2001 From: arjanjohan Date: Wed, 11 Sep 2024 15:41:50 +0200 Subject: [PATCH] builder profile --- .../_components/Bio.tsx | 55 +++++++++++++++++++ .../_components/Buidls.tsx | 50 +++++++++++++++++ .../_components/index.tsx | 2 + .../page.tsx | 41 ++++++++++++++ packages/nextjs/next.config.js | 10 ++++ packages/nextjs/package.json | 1 + yarn.lock | 10 ++++ 7 files changed, 169 insertions(+) create mode 100644 packages/nextjs/app/builders/0xD0CA897A8A50502802Df62A712Da92FA26Be9bD5/_components/Bio.tsx create mode 100644 packages/nextjs/app/builders/0xD0CA897A8A50502802Df62A712Da92FA26Be9bD5/_components/Buidls.tsx create mode 100644 packages/nextjs/app/builders/0xD0CA897A8A50502802Df62A712Da92FA26Be9bD5/_components/index.tsx create mode 100644 packages/nextjs/app/builders/0xD0CA897A8A50502802Df62A712Da92FA26Be9bD5/page.tsx diff --git a/packages/nextjs/app/builders/0xD0CA897A8A50502802Df62A712Da92FA26Be9bD5/_components/Bio.tsx b/packages/nextjs/app/builders/0xD0CA897A8A50502802Df62A712Da92FA26Be9bD5/_components/Bio.tsx new file mode 100644 index 0000000..ce59f9b --- /dev/null +++ b/packages/nextjs/app/builders/0xD0CA897A8A50502802Df62A712Da92FA26Be9bD5/_components/Bio.tsx @@ -0,0 +1,55 @@ +import { FaGithub, FaTelegramPlane } from "react-icons/fa"; +import { FaXTwitter } from "react-icons/fa6"; +import { TbBuildingCastle } from "react-icons/tb"; +import { Address, Balance } from "~~/components/scaffold-eth"; + +export const Bio = ({ address }: { address: string }) => { + return ( +
+
+
+
+ +
+ +
+ + + + + + + + + + + + +
+
+ +
+

gm

+

+ i'm arjanjohan, a web3 developer and builder. i'm always doing some hackathon, and love to team up + with new people and build cool things. +

+

+ currently i'm participating in buidlguild batch #9, and i look forward to meeting everyone of you and + seeing what we can build together. +

+ my next hackathons: +
    +
  • Aptos Code Collision
    • +
  • Solana Radar Hackathon
    • +
  • ETHGlobal Bangkok
    • +
+
+
+ ); +}; diff --git a/packages/nextjs/app/builders/0xD0CA897A8A50502802Df62A712Da92FA26Be9bD5/_components/Buidls.tsx b/packages/nextjs/app/builders/0xD0CA897A8A50502802Df62A712Da92FA26Be9bD5/_components/Buidls.tsx new file mode 100644 index 0000000..8cf5e23 --- /dev/null +++ b/packages/nextjs/app/builders/0xD0CA897A8A50502802Df62A712Da92FA26Be9bD5/_components/Buidls.tsx @@ -0,0 +1,50 @@ +// Buidl data array +const buidlsData = [ + { + name: "Scroll Fighter", + image: "https://github.com/arjanjohan/scroll-fighter/raw/main/logo.png", + url: "https://app.buidlguidl.com/build/14yLHhMarnyyIDiayAKo", + }, + { + name: "Scaffold Move", + image: "https://github.com/arjanjohan/scaffold-move/raw/main/assets/logo_small.png", + url: "https://app.buidlguidl.com/build/9uXW8LEWrWXzXajz84PD", + }, + { + name: "Oh Snap!", + image: "https://github.com/chain-notes-brussels/chain-notes-snap/raw/main/assets/logo.png", + url: "https://app.buidlguidl.com/build/yHt0IhqXVk6Gff4jM3aO", + }, + { + name: "Roman Receipts", + image: + "https://storage.googleapis.com/download/storage/v1/b/buidlguidl-v3.appspot.com/o/builds%2F459399612eaf4d2f489e3ce00.png?generation=1722954568641273&alt=media", + url: "https://app.buidlguidl.com/build/uafgHz8XYs3WJy7ZZoLP", + }, + { + name: "SE2 Chainlink ", + image: "https://ethglobal.b-cdn.net/projects/pwkxb/screenshots/iej95/default.jpg", + url: "https://app.buidlguidl.com/build/Qb3o6WxbazdZthI8iEHO", + }, + { + name: "🦥 Sloth Shaming", + image: "https://github.com/warsaw-hackers/Sloth-Shaming/raw/main/assets/ui.png", + url: "https://github.com/warsaw-hackers/Sloth-Shaming", + }, +]; + +// Buidls Component +export const Buidls = () => { + return ( +
+ {buidlsData.map((buidl, index) => ( +
+ + {buidl.name} +

{buidl.name}

+ +
+ ))} +
+ ); +}; diff --git a/packages/nextjs/app/builders/0xD0CA897A8A50502802Df62A712Da92FA26Be9bD5/_components/index.tsx b/packages/nextjs/app/builders/0xD0CA897A8A50502802Df62A712Da92FA26Be9bD5/_components/index.tsx new file mode 100644 index 0000000..b0a7253 --- /dev/null +++ b/packages/nextjs/app/builders/0xD0CA897A8A50502802Df62A712Da92FA26Be9bD5/_components/index.tsx @@ -0,0 +1,2 @@ +export * from "./Buidls"; +export * from "./Bio"; diff --git a/packages/nextjs/app/builders/0xD0CA897A8A50502802Df62A712Da92FA26Be9bD5/page.tsx b/packages/nextjs/app/builders/0xD0CA897A8A50502802Df62A712Da92FA26Be9bD5/page.tsx new file mode 100644 index 0000000..0f167a1 --- /dev/null +++ b/packages/nextjs/app/builders/0xD0CA897A8A50502802Df62A712Da92FA26Be9bD5/page.tsx @@ -0,0 +1,41 @@ +import { Bio, Buidls } from "./_components"; + +const myAddress = "0xD0CA897A8A50502802Df62A712Da92FA26Be9bD5"; + +const Milady = () => { + return ( +
+
+
+
+
+
+ +
+
+
+
+

+ some of my buidls +

+ +
+
+
+
+
+
+ ); +}; + +export default Milady; diff --git a/packages/nextjs/next.config.js b/packages/nextjs/next.config.js index d765869..4226458 100644 --- a/packages/nextjs/next.config.js +++ b/packages/nextjs/next.config.js @@ -14,6 +14,16 @@ const nextConfig = { config.externals.push("pino-pretty", "lokijs", "encoding"); return config; }, + images: { + remotePatterns: [ + { + protocol: "https", + hostname: "www.miladymaker.net", + port: "", + pathname: "/milady/**", + }, + ], + }, }; module.exports = nextConfig; diff --git a/packages/nextjs/package.json b/packages/nextjs/package.json index 8e685be..2a1f58f 100644 --- a/packages/nextjs/package.json +++ b/packages/nextjs/package.json @@ -30,6 +30,7 @@ "react-copy-to-clipboard": "^5.1.0", "react-dom": "^18.2.0", "react-hot-toast": "^2.4.0", + "react-icons": "^5.3.0", "use-debounce": "^8.0.4", "usehooks-ts": "^2.13.0", "viem": "2.17.4", diff --git a/yarn.lock b/yarn.lock index 02531e1..57a56f0 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2231,6 +2231,7 @@ __metadata: react-copy-to-clipboard: ^5.1.0 react-dom: ^18.2.0 react-hot-toast: ^2.4.0 + react-icons: ^5.3.0 tailwindcss: ^3.4.3 type-fest: ^4.6.0 typescript: 5.5.3 @@ -11902,6 +11903,15 @@ __metadata: languageName: node linkType: hard +"react-icons@npm:^5.3.0": + version: 5.3.0 + resolution: "react-icons@npm:5.3.0" + peerDependencies: + react: "*" + checksum: 3aa5f50e05aafc6d31e0d995fe0d98560069aa88717b24ce8aaa082a7e7b20ca95e1e19d847ed6e52d658a5a30e15826af20d7554bf993a743edd55586db62e3 + languageName: node + linkType: hard + "react-is@npm:^16.13.1": version: 16.13.1 resolution: "react-is@npm:16.13.1"