Skip to content

Add MRWICKS Profile Page for Batch 16 Builders#20

Merged
phipsae merged 4 commits intoBuidlGuidl:mainfrom
Mrwicks00:mrwicks-branch
May 16, 2025
Merged

Add MRWICKS Profile Page for Batch 16 Builders#20
phipsae merged 4 commits intoBuidlGuidl:mainfrom
Mrwicks00:mrwicks-branch

Conversation

@Mrwicks00
Copy link
Contributor

@Mrwicks00 Mrwicks00 commented May 9, 2025

Description

This PR adds my personal profile page to the Batch 16 builders directory at packages/nextjs/app/builders/0xB24023434c3670E100068C925A87fE8F500d909a/page.tsx, showcasing my developer persona, skills, and social links in a creative, responsive design. The page features a friendly bio, avatar, copyable wallet address, skills section, and social links, optimized for both light and dark themes using Tailwind CSS and DaisyUI. This update addresses reviewer feedback on repetitive <Link> tags, social link visibility in dark mode, custom address copy logic, and removes italicized hint text from the PR description.

Key Changes:

  • Created a two-column layout (avatar/bio on left, wallet/skills/socials on right) for desktop, stacking vertically on mobile for responsiveness.
  • Added a friendly bio highlighting my skills in smart contracts, Node.js, React, Next.js, and Starknet Cairo, with a welcoming tone.
  • Included a lightweight avatar image (596.avif, <500KB) in public/, styled with a circular border and hover animation.
  • Used the AddressCopyIcon component to render the wallet address (0xB24023434c3670E100068C925A87fE8F500d909a) with built-in copy-to-clipboard functionality, replacing custom logic and addressing reviewer feedback.
  • Added a skills section (“Superpowers”) in a grid with bg-primary styling
  • Mapped social links (X, GitHub, Discord) using an array and .map() to reduce repetition, addressing reviewer feedback on repetitive <Link> tags.
  • Moved walletAddress and socialLinks constants outside the MRWICKSProfile component to prevent re-creation on every render.
  • Fixed the <Image> console warning by removing fill and specifying width={192} and height={192} to match the parent <div> dimensions.
  • Removed the misleading hover effect (hover:scale-105) from the avatar image.
  • Removed the "use client"

Screenshots:

  • Light Mode:
    MRWICKS Profile in Light Mode
  • Dark Mode:
    MRWICKS Profile in Dark Mode

Additional Information

Your ENS/address:

  • Address: 0xB24023434c3670E100068C925A87fE8F500d909a
  • ENS: None

@vercel
Copy link

vercel bot commented May 9, 2025

@Mrwicks00 is attempting to deploy a commit to the BuidlGuidl Team on Vercel.

A member of the Team first needs to authorize it.

Copy link
Collaborator

@melanke melanke left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you for your personal page :)
The italic texts in the PR description template are hints for things you should follow when submitting your PR, so you can remove them.

Here's my feedback:

@vercel
Copy link

vercel bot commented May 9, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
batch16.buidlguidl.com ✅ Ready (Inspect) Visit Preview 💬 Add feedback May 16, 2025 7:26am

Copy link
Collaborator

@melanke melanke left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great! Thank you!

@melanke melanke requested a review from phipsae May 16, 2025 13:26
@phipsae phipsae merged commit 2c834bd into BuidlGuidl:main May 16, 2025
3 checks passed
@phipsae
Copy link
Contributor

phipsae commented May 16, 2025

Looks great, thanks a lot for the page! Let's merge

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants