2100: A World on Bitcoin

Overview

2100: A World on Bitcoin is Botanix's gamified mainnet launch campaign, an interactive Bitcoin city where users explore, complete quests, and play mini-games. Buildings represent partner dApps, quests unlock as users move through the city, and rewards are tied to gameplay.

The city features Bitcoin landmarks like Genesis Café and Mt. Gox Garden, plus hidden easter eggs referencing Hal Finney, BearWhale, and more. A VIP section, gated by NFT ownership, offers exclusive games, sats rewards, and leaderboards. Launched with over 2,000+ registered users on day one.

My Contributions

As the lead frontend developer, I built the interactive city, integrated APIs, and optimized performance. I used Next.js for the frontend, FabricJS for the map engine, RainbowKit for wallet UX, and React Query for managing server state and API calls.

City Map: We built the city map using FabricJS with smooth panning, clickable hotspots, and tooltips for quests and easter eggs. We also integrated animated GIFs sprites for buildings, cars, and landmarks to make the city feel more alive. To keep performance stable, we implemented dynamic scene loading so only the areas users explored were rendered.

The Citadel (VIP Area): The VIP area is a gated part of the city unlocked by minting a special NFT. I built the end-to-end frontend flows: wallet connect, ownership check, minting UI, and referral distribution, all wired to backend APIs. Once inside, users can access four exclusive mini-games (Mining Sats, Satoshi Spin, Find Satoshi's Keys, and Predict the Block) with leaderboards and live updates. I also implemented the cash-out UI for converting earned sats to BTC, including balance display, thresholds, fee estimates, and confirmation states. The referral system gives each minter unique codes to share with their friends.

NFT Gating & Minting: After wallet connection, the app checks NFT ownership via backend APIs. If the user doesn't already own the NFT, they can trigger a mint directly from the interface. I built the frontend flow for this, handling wallet connection, captcha check, referral code input, API calls, transaction feedback, retries, and post-mint UI states.

Referral Codes: A successful mint issues five referral codes. I implemented the UI for showing, copying, sharing, and validating codes (including used/unused status and basic bot checks), and made them retrievable later from the VIP area.

VIP Mini-Games: Mining Sats(daily check-in with streak multipliers and leaderboards), Satoshi Spin (1 sat per spin with animated wheel, highlights and leaderboard), Find Satoshi's Keys (weekly treasure hunt with daily clue releases and countdowns), Predict the Block (predict last 6 characters of the next block hash with timers, confirmations, and jackpot logic). I built the game UIs, state handling, and leaderboard views, integrating APIs for real-time updates.

Cash-Out: Users can cash out the sats they earn from the VIP games directly into Bitcoin. I built the frontend flow for this feature, including wallet verification, balance overview, and conversion configuration. The interface shows the user's total sats balance, the minimum threshold required, and live fee estimates, then submits a withdrawal request to the backend for processing. After confirmation, the UI updates the balance and displays a success screen.

Partner Quests (Intract): Each partner dApp has its own building with quests powered via Intract. I integrated the partner quest APIs and built the UI for task lists, and deep links into partner flows. When a user completes a partner's quest set, the UI reflects eligibility for that partner's NFT reward and updates the overall sats balance and spins.

Inscriptions: Built the Inscriptions UI to showcase all earned partner NFTs, grouped by dApp. Earned NFTs appear in full color, while unearned ones display with low opacity as placeholders.