Overview
NFT collection landing page with dynamic weather-synced PFP auto-updates.
Key Features & Contributions
- The Hogs is an NFT collection platform featuring dynamic PFP (profile picture) NFTs that auto-sync with real-world weather and update users' X (Twitter) profiles automatically.
- Built an immersive, parallax-rich landing page using Astro, Alpine.js, and Tailwind CSS with dynamic weather-themed backgrounds (day, night, rain, snow) and animated character interactions.
- Developed a multi-step onboarding flow (Connect X, Select Location, Mint NFT) with wallet integration UI, interactive map selection, and secure OAuth connection cards.
- Implemented scroll-driven animations, a responsive mobile navigation with smooth transitions, and a collection showcase carousel using Swiper.js.
