Monetized React Native App

I want to create a modern, monetized React Native app that shows CPA offers using a custom API key.

⚙️ Features Required:

1. The app should have a clean, modern design (UI/UX).
2. There should be a field where I can insert my own API key manually (stored securely using AsyncStorage or similar).
3. When no API key is entered, show sample/dummy offers (as a placeholder).
4. When I insert a valid API key:
   - Hide all dummy data
   - Fetch and display real offers from this API:
     https://api.example.com/offers

✅ Each offer card should show:
- Offer title (from API)
- Offer image
- Payout amount (but do NOT show full offer payout to users)
- CTA button (e.g., "Do Task")

🔐 Important Business Logic:
- If a user completes an offer, reward them with **10% of the payout**, based on the payout in the API.
- **Do NOT show the real payout** or offer value to users.
- The full payout should be stored in the backend only.

👤 Authentication:
- Create a login/register screen with:
   - Name
   - Email
   - Password
- Store users in Firebase Authentication.
- Save offer completions and user rewards in Firebase Firestore.

🚫 Anti-Fraud Logic:
- Block users who use VPNs or Proxies.
- If suspicious activity is detected (like fake traffic, multiple accounts, device spoofing):
   - Automatically ban the account
   - Show an error message like: "Your account has been permanently disabled due to suspicious activity."

💾 Backend:
- Use Firebase for:
   - User Authentication
   - Firestore (to track user tasks, rewards, activity logs)

🧠 Bonus (if possible):
- Create an admin-only screen (for me) to view all users and their stats.