MEOW - Retro Gaming Co-Parent Pet App

An epic retro gaming co-parenting experience built on Moonbase Alpha where friends can care for adorable virtual pet NFTs together. Features stunning official Polkadot colors and the Unbounded font for maximum gaming aesthetics.

⚡ Features

• 🎮 Retro Gaming Design: Black background with official Polkadot colors (Pink #FF2670, Lime #E4FF07, Cyan #07FFFF, Violet #7916F3)
• 🐱 Animated Pet Room: Interactive cat sprites with eating, loving, idle, and box animations using premium GIF assets
• 👥 Co-parent System: Share pet ownership and responsibilities with friends
• ⚡ Gaming Pet Interactions: Feed pets and show love with retro-style cooldown timers and neon effects
• 📊 Pixel-Perfect Progress Bars: Retro gaming happiness tracking with pulse animations
• 🎯 Action History Log: Real-time activity tracking with gaming-style UI elements
• 🔗 MetaMask Integration: Seamless wallet connection with retro button styling
• 🌙 Moonbase Alpha: Built on Polkadot's Ethereum-compatible testnet
• 🏆 Gaming UI Elements: Retro panels, neon glows, scanlines, and pixel-perfect borders

Contracts

Network: Moonbase Alpha Testnet

• PetNFT: 0x3e81A4A9D40d2e5de172639d0C1Af41CF923Bfd9
• CoParentGame: 0x3BFbC647D8809eD43246Efd79F2aeB44eFd2E3d5

Setup

1. Install dependencies:

   cd frontend && npm install

2. Configure environment:

   cp frontend/.env.example frontend/.env.local

3. Run the app:

   npm run dev

Network Configuration

Add Moonbase Alpha to MetaMask:

• Network Name: Moonbase Alpha
• RPC URL: https://rpc.api.moonbase.moonbeam.network
• Chain ID: 1287
• Currency: DEV
• Explorer: https://moonbase.moonscan.io
• Faucet: https://apps.moonbeam.network/moonbase-alpha/faucet/

Game Mechanics

• Feed Pet: +10 happiness, 60-second cooldown
• Show Love: +5 happiness, 30-second cooldown
• Co-parenting: Both parents can interact with pets
• Happiness: Visual progress bar (0-100%)

🎨 Design Inspiration

The UI is inspired by retro gaming aesthetics with the official Polkadot color palette using the beautiful Unbounded font. The design features:

• Authentic Gaming Aesthetic: Sharp borders, neon glows, scanlines, and pixel-perfect elements
• Premium Cat Assets: High-quality GIF animations (idle, eating, love, box states) with pixelated rendering
• Gaming Animations: Glitch effects, retro floating, neon pulsing, and grid patterns
• Official Polkadot Colors: Black backgrounds with strategic use of Pink, Lime, Cyan, and Violet accents
• Unbounded Typography: Google Fonts Unbounded for that perfect retro-futuristic gaming feel

🛠️ Tech Stack

• Frontend: Next.js 14 + TypeScript + Tailwind CSS
• Design System: Custom retro gaming components with official Polkadot color theming
• Typography: Google Fonts Unbounded for retro-futuristic gaming aesthetics
• Asset Management: Premium cat GIF sprites with pixel-perfect rendering
• Animations: CSS gaming effects (glitch, neon glow, scanlines, retro float)
• Blockchain: Moonbase Alpha (Ethereum-compatible Polkadot parachain)
• Wallet: MetaMask integration with retro-styled connection interface
• Contracts: Solidity smart contracts (PetNFT + CoParentGame) with gaming mechanics