Back to Timeline
NFTOct 2022 - Jan 2023

9 Lives

Web3 NFT Collection with Cinematic Landing Experience

9 Lives is a full-stack NFT project combining a visually rich frontend with robust backend infrastructure. The Next.js frontend features cinematic scroll-driven animations powered by GSAP, ConnectKit-based wallet connection, and Wagmi hooks for on-chain interactions. The Go backend handles metadata serving, signature-based minting authorization with WebSocket event broadcasting. The Solidity contracts use ERC-721A with Merkle tree allowlists deployed on Ethereum via Hardhat.

9 Lives screenshot

Tech Stack

Next.jsTypeScriptGSAPTailwind CSSWagmiConnectKitethers.jsGoSolidityHardhat

Category

NFT
PeriodOct 2022 - Jan 2023

Core Contribution

Led the frontend development from zero, building a cinematic landing page with complex GSAP scroll-driven animations and Tailwind CSS styling. Implemented Web3 authentication flows using ConnectKit and Wagmi with ethers.js for contract interactions. Built the Go backend for signature verification and metadata serving. Developed and tested the ERC-721A smart contract with Merkle-based allowlist system.

Project Overview

A Web3 NFT collection with a focus on immersive user experience. The project features a multi-phase launch strategy with allowlisted minting via Merkle proofs, a cinematic landing page, and real-time blockchain state synchronization. The Go backend powers off-chain operations including metadata delivery and minting authorization.

Technical Highlights

01

Cinematic scroll-driven animations with GSAP

02

ConnectKit + Wagmi wallet connection flows

03

ERC-721A smart contract with Merkle tree allowlists

04

Go backend for metadata & signature verification

05

Tailwind CSS responsive design system

Visual Gallery

9 Lives screenshot 1
9 Lives screenshot 2
9 Lives screenshot 3
9 Lives screenshot 4