Our project is an interactive Ethereum Name Service (ENS) subdomain minting application developed for ETHGlobal 2025. The core idea behind the project is to simplify and enhance the ENS subdomain minting experience, making it fast, intuitive, and visually engaging for users. Users can easily mint subdomains under krew.eth—a top-level ENS domain we are managing for this demo—allowing them to create their own unique identities on the Ethereum blockchain.

What the project does:

• Enables users to connect their Ethereum wallets using MetaMask or WalletConnect.
• Allows users to search for and mint ENS subdomains under krew.eth instantly.
• Provides real-time feedback on wallet connections and minted subdomains.
• Enhances the minting experience with interactive animations and confetti for successful transactions.
• Offers a responsive, clean, and intuitive UI suitable for desktop and mobile devices.

Technical Stack and Tools Used:

• Frontend: Next.js and React for a fast, modern interface, styled with Tailwind CSS, rendered efficiently with WebKit.
• Blockchain & Web3: ethers.js for Ethereum interactions, Alchemy for reliable Ethereum network access, and WalletConnect / MetaMask for wallet integrations.
• UX & Animations: Lightweight libraries for confetti, loaders, and smooth transitions to enhance user engagement.
• Additional Features: Fast ENS availability checking, instant wallet updates, and optimized performance for a professional Web3 experience.

Why this project is unique:

• Combines real blockchain tools with a polished, interactive frontend.
• Makes ENS subdomain minting accessible and fun, even for users new to Ethereum.
• Focuses on speed, responsiveness, and user experience, demonstrating the full potential of modern Web3 applications.
• Showcases how krew.eth can serve as a platform for users to create their own subdomains and participate in Ethereum’s naming ecosystem.

This project highlights the power of integrating Ethereum blockchain with intuitive web interfaces, creating a professional, functional, and engaging ENS minting platform that is ready for hackathon presentation and real-world use.

🛠️ How It’s Made

Krew.eth was built as a full-stack Web3 application combining ENS (Ethereum Name Service) with a modern decentralized identity system. Our focus was to deliver a smooth, production-ready user experience where users can mint their own subdomains, link wallets, and showcase identity on-chain.

---

⚙️ Core Technologies

🖥️ Frontend

• Next.js 13 (App Router) → React framework for a fast, modular, and SEO-friendly UI.
• TypeScript → added type safety and reduced runtime errors.
• TailwindCSS → designed sleek, responsive, and hackathon-ready UI quickly.
• Lucide Icons + custom components → polished UI with wallet buttons, ENS registration forms, and profile cards.

🔗 Web3 / Blockchain

• Wagmi + Ethers.js → handled wallet connections, smart contract reads/writes, and ENS integration.
• ConnectKit → provided a seamless, production-grade wallet connection modal for MetaMask, WalletConnect, and other wallets.
• ENS (Ethereum Name Service) → integrated ENS subdomains (e.g., username.krew.eth) to give users decentralized identity.
• Alchemy RPC → powered reliable blockchain queries and transactions at scale.

🔧 Backend / Infra

• Firebase Auth → enabled smooth login with Google, Apple, and Email along with wallet connections for Web2 + Web3 bridging.
• Firebase Firestore → stored user profile data, wallet mappings, and ENS metadata.
• Firebase Hosting + Vercel → deployed frontend globally with minimal latency and high reliability.

---

🔑 Features & Flow

1. Wallet Connection

   • Integrated ConnectKit + Wagmi for instant wallet connection.
   • Supports MetaMask, WalletConnect, and other EVM wallets.

2. ENS Subdomain Minting

   • Users can register custom .krew.eth subdomains directly via the dApp.
   • Flow includes name availability check, wallet signing, and confirmation with on-chain style loading.
   • Once registered, the ENS name is linked to their wallet and user profile.

3. User Profiles

   • Every user gets a unique identity: username.krew.eth.
   • Profiles store linked wallet addresses and basic user data.
   • Powered by ENS + Firebase for both on-chain and off-chain persistence.

4. Seamless Web2 + Web3 Experience

   • Non-crypto users can sign up using Google or Apple login, then later connect a wallet and mint their ENS identity.
   • This hybrid approach reduces onboarding friction and expands adoption.

---

🤝 Partner Tech Benefits

• ENS → Decentralized identity layer for the project.
• Alchemy → Reliable and fast blockchain infrastructure for all RPC calls.
• WalletConnect → Expanded accessibility across mobile and desktop wallets.
• Firebase → Simplified authentication, user sessions, and persistent data storage.

---

⚡ Development Journey

• Bootstrapped with create-next-app.
• Integrated ENS + Ethers.js for subdomain minting.
• Connected wallet UX with Wagmi + ConnectKit.
• Built profile components and identity linking with Firebase.
• Styled everything with TailwindCSS for a production-level finish.
• Deployed on Vercel for instant scalability.

---

👉 In short: Krew.eth was built as a modern decentralized identity system using ENS, Alchemy, WalletConnect, Firebase, Next.js, and Ethers.js. The project demonstrates how Web3 + Web2 can come together to make creator identities accessible, scalable, and easy to use.

---