Build a Telegram Mini App AdTONX for Earning TON Cryptocurrency

Create a fully functional Telegram Mini App named **AdTONX** with the following features and integrations:
### 1. User Features:
– Watch ads from Monetag, Adexium, and Adsgram networks to earn TON cryptocurrency, utilizing tiered and CPM reward systems.
– Complete official, partner, and user-paid tasks. User-paid tasks allow task creation by paying TON, using the specified pricing formula.
– Implement a referral system that rewards 10% commission on referrals’ lifetime earnings, plus a 0.005 TON bonus per active referral after the referral watches 50 ads.
– Withdraw earnings securely to their TON wallet with a 20% fee and a minimum withdrawal of 2 TON.
– Display a leaderboard of weekly top earners who have watched at least 1000 ads.
– Show rewards notifications with toast messages and sound effects.
– Provide a splash screen with an animated logo and loading state, referencing the provided logo and welcome page links.
– Use a blockchain-themed UI color scheme with a professional and Telegram-compliant UI/UX.
### 2. Admin Panel:
– Secure admin login with given credentials.
– Dashboard featuring key metrics, charts, and system statuses.
– User management capabilities, including viewing, banning, and editing user details.
– Manage all task types with options for creation, pausing, and refunds.
– Approve and reject withdrawal requests, including fee handling.
– Manage ad network switches and reward settings.
– View referrals, transactions, platform settings, logs, and security tools.
### 3. Technical and Integration Requirements:
– Integrate Firebase (Firestore, Authentication) using the provided config; ensure real user authentication with Lovable Cloud.
– Implement Telegram WebApp SDK with secure initData validation for user authentication.
– Integrate specified ad networks with provided code snippets for Monetag, Adexium, and Adsgram.
– Design frontend as a responsive SPA using vanilla JS, HTML5, CSS3, deployable on GitHub Pages.
– Use a backend-less architecture initially, with Firebase Cloud Functions or serverless functions as optional backend.
– Implement anti-fraud features such as ad cooldown (10s), daily ad limits (3000), IP/device fingerprinting, and task verification.
– Configure Firebase Firestore collections for users, transactions, tasks, withdrawals, settings, and admins with given schemas and security rules.
– Provide smooth balance animations, countdown ad timers, progress bars, screen transitions, and confetti on success.
– Include haptic feedback and sound on reward events.
– Provide complete documentation for further development and deployment.
### 4. Additional Details:
– Handle economics safely, ensuring a zero investment model, platform reserve coverage, pre-funded user tasks, and revenue from ads and fees.
– Provide multi-tab navigation: Home, Ads, Tasks, Wallet.
– Ensure instant balance updates and notifications.
– Leaderboard display limited to users with a minimum of 1000 ads watched weekly.
### 5. Output Instructions:
– Provide the complete source code of the Mini App frontend and Admin Panel with deployment-ready configurations.
– Include integration scripts, Firebase security rules, and detailed setup instructions.
– Ensure no mock or simulated data; all functionalities must be fully operational.
– Include comments and documentation within the code.
### 6. Use the provided assets and credentials exactly and securely.
### Priority:
Ensure full functionality, security, and real-world readiness, then polish UI/UX for a professional look.
### Output Format:
– Structured, commented source code files for frontend (App.tsx and related), admin panel (HTML/JS/CSS), and Firebase rules.
– Step-by-step setup and deployment guide.
– README with architecture overview and usage instructions.
### Notes:
– Do not use mock data; connect all features to real Firebase and Telegram APIs.
– Strictly enforce ad watching limits, cooldowns, and referral conditions.
– Admin panel must be accessible via secure login and capable of managing all platform aspects.
– Provide notifications and sounds on earnings to enhance engagement.
– Use a blockchain thematic style and smooth animations.
– Leaderboard should update weekly based on ads watched.
### Examples:
– Reward toast example: “🎉 You’ve earned 0.005 TON!”
– Splash screen: animated logo followed by welcome page with link [https://ibb.co/RkbdNmfv](https://ibb.co/RkbdNmfv)
– Referral link format: [https://t.me/AdTONX_BOT?start=ref_[USER_ID]](https://t.me/AdTONX_BOT?start=ref_[USER_ID])
Make sure everything is integrated to create a deployable, professional Telegram Mini App and Admin Panel named **AdTONX** as specified.