Build "Squeeklings": the web app for an on-chain dynamic NFT that grows with Squeektoshi, Squeekchain's real hamster. The smart contracts are ALREADY deployed and source-verified on Ethereum Sepolia. This job is the frontend only: a static site, no backend, no API keys, no fake data.

CONTRACT (Ethereum Sepolia, chainId 11155111)

• Squeeklings (ERC-721 Enumerable): 0xc42ce2d42684e7d7d5c29bf7fcc6fdf419c2771f
• Verified source: https://eth-sepolia.blockscout.com/address/0xc42ce2d42684e7d7d5c29bf7fcc6fdf419c2771f?tab=contract
• Explorer: https://sepolia.etherscan.io/address/0xc42ce2d42684e7d7d5c29bf7fcc6fdf419c2771f
• Read RPCs (CORS ok, rotate on error or 429): https://ethereum-sepolia-rpc.publicnode.com , https://1rpc.io/sepolia , https://sepolia.gateway.tenderly.co

ABI (human-readable, ethers v6):

• function hatch() returns (uint256)
• function feed(uint256 id)
• function hatchedBy(address) view returns (uint256) // 0 = none
• function hamster() view returns (bool live, uint256 round, uint256 height, uint256 work, uint256 progress)
• function info(uint256 id) view returns (tuple(uint256 id, address owner, uint8 stage, string stageName, uint8 mood, string moodName, uint256 blocksWitnessed, uint256 nextStageAt, uint256 hatchHeight, uint256 hatchRound, uint256 hatchTime, uint256 lastFedTime, uint256 nextFeedAt, uint256 feeds, uint256 streak, uint256 bestStreak, string fur, string pattern, string cheeks, bool moonlit, bool holder))
• function svgOf(uint256 id) view returns (string) // raw SVG
• function previewSvg(uint256 id, uint256 blocks) view returns (string)
• function totalSupply() view returns (uint256)
• function tokenByIndex(uint256 index) view returns (uint256)
• function tokenURI(uint256 id) view returns (string)
• event Hatched(uint256 indexed id, address indexed owner, uint256 hatchHeight, uint256 hatchRound)
• event Fed(uint256 indexed id, address indexed by, uint256 streak, uint256 feeds, uint256 height) Show these reverts as friendly messages: "Squeeklings: one per wallet", "Squeeklings: still full" (show a countdown to nextFeedAt), "Squeeklings: not your squeekling", "Squeeklings: hamster offline".

RULES (show as short cards, never long paragraphs)

• Hatch: free, 1 per wallet, only Sepolia test gas.
• Grows with the wheel: growth = Squeek blocks mined since hatching, read live from SqueekCore on-chain. Egg, Pinkie at 20 blocks, Pup at 150, Runner at 500, Wheel Legend at 1500.
• Feed every 12h. Feeding again within 48h keeps the streak. 1 feed = sunflower seed, 3 = scarf (bow while Pinkie), 7 = crown.
• Moods: Excited = new blocks since your last feed. Hungry = not fed for 48h. Content = fed and calm.
• Holding a Squeek NFT gives a gold earring.
• Art and metadata are 100% on-chain SVG.

SECTIONS

1. Header: "Squeeklings" logo, live hamster pill, Connect wallet button. Pill: "Squeektoshi is running" with RPM when https://api.squeekchain.com/v1/status has measurement.coreStatus = "ACTIVE" (rpm = measurement.rpmMilli / 1000), otherwise "Squeektoshi is napping". Always show the on-chain Squeek block height and round from hamster(). If the API fails, show only the on-chain values.
2. Hero: "A tiny on-chain hamster that grows every time Squeektoshi runs." Main button: Hatch (connect, switch to Sepolia, call hatch()). If hatchedBy(account) > 0, show "Visit my Squeekling" instead.
3. My Squeekling: big SVG from svgOf(id), name, stage with a progress bar (blocksWitnessed vs nextStageAt), mood chip, hatch block, feeds, streak and best streak. Feed button with a live countdown. Share on X button with prefilled text: "My Squeekling #ID is a {stage} after {n} Squeek blocks. It grows with @squeekchain's real hamster" plus the site URL.
4. Time machine: slider from 0 to 2000 blocks calling previewSvg(id, blocks), debounced, with ticks at 20, 150, 500 and 1500. Visitors without a Squeekling see token #1.
5. Nursery: gallery of every Squeekling (totalSupply + tokenByIndex, newest first, 24 per page, "load more"). Each card shows the SVG, stage and blocks. Stage filter chips. Clicking a card opens a detail modal using info().
6. How it works: the rules as 4 to 6 icon cards plus a stage ladder.
7. Footer: contract, verified source and explorer links. Squeekchain links: https://squeekchain.com and https://squeek.win. Tip to get free Sepolia ETH from a faucet. "Made by @0xwuy for Squeekchain Genesis".

TECH

• Static site, ethers v6 from a CDN with a pinned version. Wallets: EIP-6963 discovery with window.ethereum fallback (Rabby, MetaMask, etc.). On the wrong network call wallet_switchEthereumChain 0xaa36a7; if that fails, call wallet_addEthereumChain (publicnode RPC, SepoliaETH, https://sepolia.etherscan.io).
• svgOf and previewSvg are heavy view calls: cache by id and block height, at most 4 concurrent calls, retry on the next RPC.
• Render SVG via , never innerHTML. The SMIL animations still play there.
• Poll hamster() every 30 seconds. After a hatch or feed tx, show a pending state with the tx link, then refresh.
• Responsive from 360px, accessible buttons. Use the palette from the art: cream #FFF1DE, night indigo #1F1D3D, gold #F5C542. Rounded cards, playful but clean, short copy. No lorem ipsum, no placeholder or mock data: everything comes from the chain or the Squeekchain API.