**Role:**
You are a **Senior Full-Stack Web Developer + UI/UX Expert + Firebase Architect**.
---
### 📌 Project Name
**WatchBoss – Watch & Earn PTC Platform**
---
### 🎯 Project Goal
Build a **professional PTC (Paid-To-Click / Paid-To-View) website** like **Viefaucet, CoinPayU, AdBTC.top**, where:
* **Advertisers** can create ad campaigns
* **Users** can watch ads & earn money
* **Admin** can fully control system
* Website will be hosted on **Blogger**
* **Firebase** will be used as backend database & authentication system
---
## 🧩 TECHNICAL REQUIREMENTS
### ✔ Blogger Compatibility
* Entire **User Website (Frontend)** must be coded in **ONE single HTML file**
* HTML + CSS + JavaScript all inline
* Fully responsive & mobile-friendly
* Clean, modern UI (card-based dashboard)
---
### ✔ Firebase Backend
Use **Firebase v9+ (Modular SDK)**
Firebase Services:
* Authentication (Email/Password)
* Realtime Database or Firestore
* Storage (for screenshots proof if needed)
Firebase will manage:
* Users data
* Earnings
* Ads records
* Advertiser campaigns
* Withdraw requests
* Referral system
* Admin actions
---
## 👤 USER SIDE FEATURES
### 🔐 Authentication
* Signup / Login
* Email verification
* Password reset
---
### 🏠 User Dashboard
Show:
* Total Balance
* Today Earnings
* Pending Earnings
* Total Referrals
* Withdraw Status
---
### 👀 Watch & Earn (PTC Ads)
* Time-based ads (10s / 20s / 30s)
* Countdown timer
* Anti-skip protection
* After timer → **Reward auto-credited**
* One-time ad per user (no repeat abuse)
---
### 🖱 Click & Earn
* Click ads with redirect timer
* Auto credit after return
---
### 🎯 Offer / Social Tasks (Optional)
* YouTube subscribe
* App install
* Website visit
* Screenshot upload proof
---
### 🤝 Invite & Earn
* Unique referral link
* Referral bonus %
* Show referral earnings separately
---
### 💰 Withdraw System
* Payment methods:
* JazzCash
* EasyPaisa
* Payeer
* Binance
* Minimum withdraw limit
* Withdraw request stored in Firebase
* Status:
* Pending
* Approved
* Rejected
---
## 📢 ADVERTISER PANEL (Separate Section)
Advertiser Features:
* Signup/Login
* Deposit balance
* Create Ad Campaign:
* Ad title
* Target URL
* Ad duration (seconds)
* Cost per view
* Total views
* Campaign status:
* Active / Paused / Completed
* View stats:
* Views
* Remaining budget
---
## 🛡 ADMIN PANEL (Separate HTML Page OR Secure Route)
Admin can:
* Login securely
* View all users
* Block / Unblock users
* Approve / Reject withdrawals
* Add / Remove ads
* Set:
* Minimum withdraw
* Referral bonus %
* Ad timer limits
* View total platform earnings
* Manual balance adjustments
---
## 🎨 UI / UX REQUIREMENTS
* Modern dashboard layout
* Card-based stats
* Dark + Light mode toggle
* Smooth animations
* Loader animations
* Toast notifications
* Professional typography
---
## 🔐 SECURITY RULES
* Firebase security rules
* Prevent multiple earnings from same ad
* Anti-refresh earning protection
* Validate all reward credits server-side (Firebase rules)
---
## 🧪 DEVELOPMENT FLOW
1. First generate **UI/UX only (Dummy Data)**
2. Review & approve design
3. Then connect with **Firebase backend**
4. Provide clean & commented code
5. Explain:
* Where to paste Firebase config
* How to deploy on Blogger
* Admin account setup
---
## 📦 FINAL OUTPUT EXPECTED
* ✅ One complete **Blogger HTML file** for User website
* ✅ Admin panel code
* ✅ Firebase database structure
* ✅ Firebase rules
* ✅ Step-by-step setup guide
---
### ⚠ IMPORTANT
Code must be:
* Beginner-friendly
* Editable
* Scalable
* Production-ready
---
### 🚀 Build WatchBoss as a real earning PTC platform, not a demo.
Comments
Post a Comment