From 7b0b3f074daed93081ae191d4406dc61e7b7c095 Mon Sep 17 00:00:00 2001 From: Akpolo Ogagaoghene Prince Date: Tue, 13 May 2025 17:06:57 +0100 Subject: [PATCH 1/3] fix: update builder profile per review feedback --- package.json | 3 + .../_components/BuilderSocialLinks.tsx | 34 ++ .../_components/Icons.tsx | 19 + .../page.tsx | 348 ++++++++++++++++++ packages/nextjs/next.config.ts | 3 + yarn.lock | 10 + 6 files changed, 417 insertions(+) create mode 100644 packages/nextjs/app/builders/0x2E15bB8aDF3438F66A6F786679B0bBBBF02A75d5/_components/BuilderSocialLinks.tsx create mode 100644 packages/nextjs/app/builders/0x2E15bB8aDF3438F66A6F786679B0bBBBF02A75d5/_components/Icons.tsx create mode 100644 packages/nextjs/app/builders/0x2E15bB8aDF3438F66A6F786679B0bBBBF02A75d5/page.tsx diff --git a/package.json b/package.json index 8819da90..34b0ce9a 100644 --- a/package.json +++ b/package.json @@ -56,5 +56,8 @@ }, "engines": { "node": ">=20.18.3" + }, + "dependencies": { + "react-icons": "^5.5.0" } } diff --git a/packages/nextjs/app/builders/0x2E15bB8aDF3438F66A6F786679B0bBBBF02A75d5/_components/BuilderSocialLinks.tsx b/packages/nextjs/app/builders/0x2E15bB8aDF3438F66A6F786679B0bBBBF02A75d5/_components/BuilderSocialLinks.tsx new file mode 100644 index 00000000..0d72ce0b --- /dev/null +++ b/packages/nextjs/app/builders/0x2E15bB8aDF3438F66A6F786679B0bBBBF02A75d5/_components/BuilderSocialLinks.tsx @@ -0,0 +1,34 @@ +import Link from "next/link"; +import { GithubIcon, TelegramIcon, TwitterIcon } from "./Icons"; + +type SocialLinksProps = { + twitter?: string; + github?: string; + telegram?: string; +}; + +export const SocialLinks = ({ twitter, github, telegram }: SocialLinksProps) => ( +
+ {twitter && ( + + + + + + )} + {github && ( + + + + + + )} + {telegram && ( + + + + + + )} +
+); diff --git a/packages/nextjs/app/builders/0x2E15bB8aDF3438F66A6F786679B0bBBBF02A75d5/_components/Icons.tsx b/packages/nextjs/app/builders/0x2E15bB8aDF3438F66A6F786679B0bBBBF02A75d5/_components/Icons.tsx new file mode 100644 index 00000000..5d453048 --- /dev/null +++ b/packages/nextjs/app/builders/0x2E15bB8aDF3438F66A6F786679B0bBBBF02A75d5/_components/Icons.tsx @@ -0,0 +1,19 @@ +// components/Icons.tsx + +export const TwitterIcon = () => ( + + + +); + +export const GithubIcon = () => ( + + + +); + +export const TelegramIcon = () => ( + + + +); diff --git a/packages/nextjs/app/builders/0x2E15bB8aDF3438F66A6F786679B0bBBBF02A75d5/page.tsx b/packages/nextjs/app/builders/0x2E15bB8aDF3438F66A6F786679B0bBBBF02A75d5/page.tsx new file mode 100644 index 00000000..fe58ff49 --- /dev/null +++ b/packages/nextjs/app/builders/0x2E15bB8aDF3438F66A6F786679B0bBBBF02A75d5/page.tsx @@ -0,0 +1,348 @@ +"use client"; + +import Image from "next/image"; +import { GithubIcon, TelegramIcon, TwitterIcon } from "./_components/Icons"; +import { Address } from "~~/components/scaffold-eth"; + +// Skills arrays +const blockchainSkills = ["Solidity", "Hardhat", "Ethers.js", "Foundry"]; +const frontendSkills = ["React", "Next.js", "TailwindCSS", "TypeScript"]; +const otherSkills = ["IPFS", "The Graph", "ENS", "ERC Standards"]; + +// Social links +const socialLinks = [ + { + href: "https://github.com/ogazboiz", + label: "GitHub Profile", + icon: ( +
+ +
+ ), + }, + { + href: "https://twitter.com/AkpoloOgaga", + label: "Twitter Profile", + icon: ( +
+ +
+ ), + }, + { + href: "https://t.me/ogazboiz", + label: "Telegram Profile", + icon: ( +
+ +
+ ), + }, +]; + +// Ethereum address +const myAddress = "0x2E15bB8aDF3438F66A6F786679B0bBBBF02A75d5"; + +export default function BuilderPage() { + return ( +
+
+ {/* Header */} +
+
+ Profile image +
+

+ Akpolo OgagaOghene Prince +

+

+ Web3 Developer +

+
+ {socialLinks.map(({ href, label, icon }) => ( + + {icon} + + ))} +
+
+ +
+
+ {/* About */} +
+

+ About Me +

+

+ I'm a Web3 developer passionate about building decentralized applications that solve real-world + problems with intuitive interfaces. +

+

Open for freelance projects and collaborations.

+
+
+ + ETH Address: + +
+
+
+ + Experience: + + 4+ Years +
+
+
+ + {/* Projects */} +
+

+ Projects +

+
+
+

+ ArtChain +

+

+ A decentralized platform for art provenance and royalty management using smart contracts. +

+
+ {["Solidity", "React", "Next.js", "IPFS"].map(tech => ( + + {tech} + + ))} +
+ + View on GitHub → + +
+
+
+ + {/* Experience */} +
+

+ Experience +

+
+
+
+

+ Smart Contract Developer +

+ + 2024-Present + +
+

+ Developing and auditing smart contracts for blockchain projects. +

+
+
+
+

+ Frontend Developer +

+ + 2020-Present + +
+

+ Building responsive web applications with React and Next.js. +

+
+
+
+
+ +
+ {/* Skills */} +
+

+ Skills +

+
+
+

+ Blockchain +

+
+ {blockchainSkills.map(skill => ( + + {skill} + + ))} +
+
+
+

+ Frontend +

+
+ {frontendSkills.map(skill => ( + + {skill} + + ))} +
+
+
+

+ Web3 +

+
+ {otherSkills.map(skill => ( + + {skill} + + ))} +
+
+
+
+ + {/* Education */} +
+

+ Education +

+
+

+ BSc Computer Science +

+

+ 2019-2024 +

+

+ Edo State University +

+
+
+ + {/* Contact */} +
+

+ Contact +

+

+ Let's collaborate: +

+ + ogazboizakpolo@gmail.com + +

+ Nigeria 🇳🇬 +

+
+
+
+ + {/* Footer */} +
+ Built with Scaffold-ETH 2 • 2025 +
+
+
+ ); +} diff --git a/packages/nextjs/next.config.ts b/packages/nextjs/next.config.ts index 792a803e..e86c6786 100644 --- a/packages/nextjs/next.config.ts +++ b/packages/nextjs/next.config.ts @@ -6,6 +6,9 @@ const nextConfig: NextConfig = { typescript: { ignoreBuildErrors: process.env.NEXT_PUBLIC_IGNORE_BUILD_ERROR === "true", }, + images: { + domains: ["avatars.githubusercontent.com"], + }, eslint: { ignoreDuringBuilds: process.env.NEXT_PUBLIC_IGNORE_BUILD_ERROR === "true", }, diff --git a/yarn.lock b/yarn.lock index 8c024b54..dcd5d4c3 100644 --- a/yarn.lock +++ b/yarn.lock @@ -15969,6 +15969,15 @@ __metadata: languageName: node linkType: hard +"react-icons@npm:^5.5.0": + version: 5.5.0 + resolution: "react-icons@npm:5.5.0" + peerDependencies: + react: "*" + checksum: cbd74f4b7982e6e18d59798a6b578268c8eb0909d78d87bcf9b25f99b3e544fd189a76551cb5e770d17f154a60b668551aee108aaf8471309b23f7af3b2c5b07 + languageName: node + linkType: hard + "react-is@npm:^16.13.1": version: 16.13.1 resolution: "react-is@npm:16.13.1" @@ -16648,6 +16657,7 @@ __metadata: dependencies: husky: ^9.1.6 lint-staged: ^15.2.10 + react-icons: ^5.5.0 languageName: unknown linkType: soft From 2964f79d616dd78bbe09e413485ed73cdb360947 Mon Sep 17 00:00:00 2001 From: Akpolo Ogagaoghene Prince Date: Wed, 14 May 2025 19:45:51 +0100 Subject: [PATCH 2/3] fix: update builder profile per review feedback --- package.json | 3 --- .../page.tsx | 17 +++++++++++++---- yarn.lock | 10 ---------- 3 files changed, 13 insertions(+), 17 deletions(-) diff --git a/package.json b/package.json index 34b0ce9a..8819da90 100644 --- a/package.json +++ b/package.json @@ -56,8 +56,5 @@ }, "engines": { "node": ">=20.18.3" - }, - "dependencies": { - "react-icons": "^5.5.0" } } diff --git a/packages/nextjs/app/builders/0x2E15bB8aDF3438F66A6F786679B0bBBBF02A75d5/page.tsx b/packages/nextjs/app/builders/0x2E15bB8aDF3438F66A6F786679B0bBBBF02A75d5/page.tsx index fe58ff49..41057f48 100644 --- a/packages/nextjs/app/builders/0x2E15bB8aDF3438F66A6F786679B0bBBBF02A75d5/page.tsx +++ b/packages/nextjs/app/builders/0x2E15bB8aDF3438F66A6F786679B0bBBBF02A75d5/page.tsx @@ -2,6 +2,7 @@ import Image from "next/image"; import { GithubIcon, TelegramIcon, TwitterIcon } from "./_components/Icons"; +import { NextPage } from "next"; import { Address } from "~~/components/scaffold-eth"; // Skills arrays @@ -10,7 +11,13 @@ const frontendSkills = ["React", "Next.js", "TailwindCSS", "TypeScript"]; const otherSkills = ["IPFS", "The Graph", "ENS", "ERC Standards"]; // Social links -const socialLinks = [ +interface SocialLink { + href: string; + label: string; + icon: React.ReactNode; +} + +const socialLinks: SocialLink[] = [ { href: "https://github.com/ogazboiz", label: "GitHub Profile", @@ -43,7 +50,7 @@ const socialLinks = [ // Ethereum address const myAddress = "0x2E15bB8aDF3438F66A6F786679B0bBBBF02A75d5"; -export default function BuilderPage() { +const AkpoloOgagaProfile: NextPage = () => { return (
@@ -114,7 +121,7 @@ export default function BuilderPage() { Experience: - 4+ Years + 1+ Years
@@ -345,4 +352,6 @@ export default function BuilderPage() { ); -} +}; + +export default AkpoloOgagaProfile; diff --git a/yarn.lock b/yarn.lock index dcd5d4c3..8c024b54 100644 --- a/yarn.lock +++ b/yarn.lock @@ -15969,15 +15969,6 @@ __metadata: languageName: node linkType: hard -"react-icons@npm:^5.5.0": - version: 5.5.0 - resolution: "react-icons@npm:5.5.0" - peerDependencies: - react: "*" - checksum: cbd74f4b7982e6e18d59798a6b578268c8eb0909d78d87bcf9b25f99b3e544fd189a76551cb5e770d17f154a60b668551aee108aaf8471309b23f7af3b2c5b07 - languageName: node - linkType: hard - "react-is@npm:^16.13.1": version: 16.13.1 resolution: "react-is@npm:16.13.1" @@ -16657,7 +16648,6 @@ __metadata: dependencies: husky: ^9.1.6 lint-staged: ^15.2.10 - react-icons: ^5.5.0 languageName: unknown linkType: soft From 7da2ea45de8142aca8bb274c562627c49a7eb5ce Mon Sep 17 00:00:00 2001 From: phipsae Date: Wed, 14 May 2025 15:16:59 -0500 Subject: [PATCH 3/3] fix next.config.ts error --- packages/nextjs/next.config.ts | 3 --- 1 file changed, 3 deletions(-) diff --git a/packages/nextjs/next.config.ts b/packages/nextjs/next.config.ts index 0d6b7db0..4f265f5c 100644 --- a/packages/nextjs/next.config.ts +++ b/packages/nextjs/next.config.ts @@ -6,9 +6,6 @@ const nextConfig: NextConfig = { typescript: { ignoreBuildErrors: process.env.NEXT_PUBLIC_IGNORE_BUILD_ERROR === "true", }, - images: { - domains: ["avatars.githubusercontent.com"], - }, eslint: { ignoreDuringBuilds: process.env.NEXT_PUBLIC_IGNORE_BUILD_ERROR === "true", },