Html Firebase free fire Tournament Website Coding

Normal Quality Free Fire Tournament website coding

এটা কোডিং কিনে নিচের ভিডিও দেখে এই কোডিং দিয়ে আপনারাও এই রকম ওয়েবসাইট তৈরি করতে পারবেন

✅এটা html কোড দিয়ে ১ পেইজের ওয়েবসাইট কোডিং এটা ফায়ার ব্যাস দিয়ে ডাটাবেস কন্ট্রল হবে

✅নিচে ভিডিও ও সকল ডিটেলস দেওয়া আছে

.

.

✅ Firebase Authentication সিস্টেম
✅ লগইন/রেজিস্টার ফুলস্ক্রিন পেজ (Modern UI + Cancel অপশন)
✅ অটো ইউজার প্রোফাইল তৈরি (Name, Email, Phone, Joined Date সহ)
✅ ইউজার ব্যালেন্স সিস্টেম (Deposit + Winning আলাদা, Header-এ Total দেখায়)
✅ অটো ব্যালেন্স আপডেট (Realtime DB থেকে লাইভ ব্যালেন্স/প্রোফাইল আপডেট)
✅ ব্যান সিস্টেম (Admin banned=true করলে ইউজার অটো লগআউট + Alert)
🏠 Home / Front UI
✅ ডায়নামিক App Name + App Icon (Realtime DB app_settings থেকে অটো লোড)
✅ ডায়নামিক Notice/Marquee সিস্টেম (Admin Notice পরিবর্তন করলেই লাইভ আপডেট)
✅ আনলিমিটেড Home Slider/Banner (DB banners থেকে যত খুশি যোগ করা যাবে)
✅ Slider Auto Play (প্রতি 3 সেকেন্ডে অটো স্লাইড চেঞ্জ)
✅ Banner Clickable Link (Banner ক্লিক করলে নির্দিষ্ট লিংকে যাবে)
🎮 Category System
✅ ডায়নামিক গেম ক্যাটাগরি সিস্টেম (categories থেকে অটো লোড)
✅ প্রতি ক্যাটাগরিতে Match Count (কয়টা ম্যাচ Available লাইভ দেখায়)
✅ Responsive Grid Layout
Mobile: 1 Column
Tablet: 2 Column
Desktop: Matches 4 Column / Categories 2 Column
🏆 Match System
✅ Play Tab + Result Tab আলাদা
✅ ক্যাটাগরি অনুযায়ী ম্যাচ ফিল্টার (শুধু ঐ ক্যাটাগরির ম্যাচ দেখাবে)
✅ Match Card Full Details
Total Prize
Per Kill
Entry Fee
Type (Solo/Duo/Squad)
Game Mode
Map
Time
✅ Auto Slot/Progress Bar সিস্টেম
কতজন Joined
কত Slot Available
Full হলে Join Button এর জায়গায় “Full” দেখায়
✅ Match Countdown Timer (Live)
দিন/ঘন্টা/মিনিট/সেকেন্ডে টাইমার
টাইম শেষ হলে “MATCH STARTED / ENDED”
✅ Join Match System (Advanced)
✅ Join করার আগে Login বাধ্যতামূলক
✅ Insufficient Balance হলে Add Money Suggestion (Confirm prompt সহ)
✅ Solo/Duo/Squad অনুযায়ী Player Input Auto
Solo → 1 জন
Duo → 2 জন
Squad → 4 জন
✅ Join করলে Auto Balance Deduction Logic
আগে Deposit থেকে কাটবে
Deposit কম হলে Winning থেকে বাকি অংশ কাটবে
✅ Match Participants লিস্ট DB তে Save (match_participants/{matchId})
✅ Match Joined Count Auto Update (matches/{matchKey} এ joined +1)
✅ Join Success Alert + View Joined অপশন
👥 View Joined Members System
✅ View Joined Members আলাদা পেজ
✅ প্রতি ম্যাচে কারা Joined করেছে লাইভ লিস্ট
✅ Player IGN + UID টেবিল লিস্ট আকারে
✅ Realtime Update (কেউ নতুন join করলেই সাথে সাথে দেখাবে)
🏅 Result System
✅ Result Tab এ Finished ম্যাচগুলোই দেখায়
✅ View Result বাটন
✅ Result Details Page
Game Name
Kill
Win
✅ Winner Highlight Row (win > 0 হলে আলাদা কালার)
✅ Result Info Box (Match finished time + “Winnings added” info)
🔔 Notification System
✅ ইন-অ্যাপ নোটিফিকেশন Sidebar
✅ Notification Badge Count (কয়টা নোটিফিকেশন আছে দেখায়)
✅ Admin DB থেকে নোটিফিকেশন দিলেই লাইভ শো
✅ Notification Item Layout (Title, Body, Date সহ)
👤 Profile / Account System
✅ My Account/Profile Page
✅ Avatar + Name + Email + Phone
✅ Deposit Balance + Winning Balance আলাদা দেখায়
✅ Wallet Button (Header) Profile এ নিয়ে যায়
💳 Add Money System
✅ Step-by-step Add Money Flow
✅ Amount Input → Payment Method Select → Details Page
✅ Bkash + Nagad Theme আলাদা UI
✅ Payment Number Auto Load & Changeable (DB app_settings থেকে)
✅ Copy Payment Number বাটন
✅ Sender Number + TrxID ইনপুট
✅ Payment Submit হলে Transaction History তে Pending জমা হয়
✅ “Admin will verify soon” Alert
💸 Withdraw System
✅ শুধু Winning Balance Withdraw করা যায়
✅ Minimum Withdraw 100 BDT
✅ Bkash/Nagad Method Select
✅ Account Number Input
✅ Withdraw Request DB তে Pending হিসেবে জমা (transactions)
🧾 Transaction History System
✅ Deposit/Withdraw সবকিছু History তে দেখায়
✅ Deposit সবুজ + (plus)
✅ Withdraw লাল – (minus)
✅ Status দেখায় (Pending/Approved/Rejected)
✅ Newest First (reverse order)
✅ Realtime update (Admin status change করলে সাথে সাথে দেখাবে)
🛠️ Admin Controlled Dynamic Settings
✅ Support Link Dynamic (Telegram/Support link DB থেকে নিয়ন্ত্রণ)
✅ Minimum Deposit Text Dynamic
✅ Notice Dynamic
✅ Bkash/Nagad Number Dynamic
✅ App Name/Icon Dynamic
🧭 Navigation + Security Logic
✅ SPA Navigation System (navigate())
✅ লগইন ছাড়া Profile/Add Money/Withdraw/History ওপেন হবে না
✅ Sidebar + Overlay Smooth UI/UX
✅ Logout System
💎 App + Firebase Realtime + Auth = সম্পূর্ণ Ready Tournament Solution (Client Side)
✅ ডিজাইন + ফিচার + লাইভ ডাটা + ইউজার ব্যালেন্স + ম্যাচ + নোটিফিকেশন + পেমেন্ট ফ্লো সব একসাথে