cts-bgmi-scrims

byYatendra Kagot

Create a professional, fully functional BGMI Esports Scrims and Tournament Booking Website. Website name: [YOUR ESPORTS NAME] Design theme: - Premium esports gaming look. - Black, White and Ice Blue color combination. - Modern BGMI-inspired gaming UI. - Professional and clean design. - Fully responsive for Android, iPhone, tablet and desktop. - Smooth animations and premium tournament cards. 1. Homepage - Professional esports logo and website name. - Home, Tournaments, My Bookings, Wallet, Leaderboard, Contact Us. - Login / Sign Up with Google. - Display upcoming BGMI scrims and tournaments. - Show prize pool, entry fee, match time, date and available slots. - Live tournament announcements. 2. User Account - Google Sign-in and registration. - Each user gets a personal dashboard. - Profile name, email and mobile number. - Wallet balance. - Booking history. - Transaction history. - Team registration history. 3. Add Money Wallet - Users can add money to their website wallet. - Integrate a secure Indian payment gateway such as Razorpay. - UPI, Google Pay, PhonePe, Paytm and cards. - Automatically update wallet balance only after verified successful payment. - Show payment receipts and transaction IDs. - Admin can manage refunds and wallet transactions. 4. Tournament / Scrims Booking Every tournament card must show: - Tournament name. - Solo / Duo / Squad mode. - Erangel / Miramar / Sanhok map. - Match date and time. - Entry fee. - Prize pool. - Available slots. - Rules and match information. Book Slot button: - User selects a tournament. - Selects available team slot. - Pays the entry fee using wallet balance. - Amount is deducted only after successful booking. - Generate a unique booking ID. - Show booking confirmation. 5. Team Details Form After successful booking, collect: - Team name. - Captain name. - Captain WhatsApp number. - BGMI Character ID. - In-game name (IGN). - Player 2 name and ID. - Player 3 name and ID. - Player 4 name and ID. - Substitute player details (optional). Save all team details in the database and allow users to edit them until the registration deadline. 6. WhatsApp Group After successful booking and team registration: - Show a Join WhatsApp Group button. - Open the official tournament WhatsApp group invitation link. - Display instructions to join the group. - Admin can change the WhatsApp group link for every tournament. 7. My Bookings Users can see: - Registered tournaments. - Booking ID. - Payment status. - Team details. - Match date and time. - Room ID and password when released by admin. - Booking status. 8. Admin Dashboard Create a separate secure admin panel. Admin can: - Create and manage tournaments. - Set entry fees and prize pools. - Set available slots. - View registered teams. - View player names and WhatsApp numbers. - Manage payments and refunds. - Update WhatsApp group links. - Upload tournament banners. - Publish room IDs and passwords. - Cancel tournaments. - Send announcements. - Manage users and wallet transactions. - Export team registration data to Excel. 9. Database and Security Use Supabase for: - Authentication. - User profiles. - Wallet transactions. - Tournament listings. - Team registrations. - Booking records. - Admin permissions. Important: - Never trust frontend wallet balances. - Verify every payment on the server. - Use secure Razorpay payment verification and webhooks. - Prevent duplicate bookings and double payments. - Use database transactions for wallet deductions and slot booking. - Protect user information and admin access. - Show clear payment success and failure messages. 10. Final Requirements Build a fully working website, not just a static design or demo. All buttons, login, registration, wallet, payments, bookings, team forms and admin dashboard must work. Create a premium professional esports platform that can handle real BGMI scrims and tournaments.

HomeLogin
Home

Comments (0)

No comments yet. Be the first!

Live
Login design preview
Home: View upcoming tournaments
Home: Read live announcements
Home: Start Google sign-in
Login: 1. Continue with Google
Login: 2. Retry sign-in after error
Dashboard: Review profile and histories
Home: Browse Leaderboard
Leaderboard: View leaderboard
Home: Open Contact Us
Contact Us: View contact information
Wallet: 1. Review balance and history
Wallet: 2. Enter top-up amount
Wallet: 3. Complete Razorpay payment
Wallet: 4. Retry after payment failure
Wallet: 5. View receipt and transaction ID
Tournaments: 6. Review tournament card details
Tournaments: 7. Read rules and match info
Tournaments: 8. Select available team slot
Tournaments: 9. Pay entry fee from wallet
Tournaments: 10. Top up after insufficient balance
Tournaments: 11. Retry with another slot
Tournaments: View booking confirmation
Team Details: 1. Submit team roster details
Team Details: 2. Correct validation errors
Team Details: 1. Edit details before deadline
Team Details: 2. Join WhatsApp group
My Bookings: 3. Review booking and payment status
My Bookings: Read room ID and password
My Bookings: 4. Retry after fetch failure
Live
Home design preview
Home: View upcoming tournaments
Home: Read live announcements
Home: Start Google sign-in
Login: 1. Continue with Google
Login: 2. Retry sign-in after error
Dashboard: Review profile and histories
Home: Browse Leaderboard
Leaderboard: View leaderboard
Home: Open Contact Us
Contact Us: View contact information
Wallet: 1. Review balance and history
Wallet: 2. Enter top-up amount
Wallet: 3. Complete Razorpay payment
Wallet: 4. Retry after payment failure
Wallet: 5. View receipt and transaction ID
Tournaments: 6. Review tournament card details
Tournaments: 7. Read rules and match info
Tournaments: 8. Select available team slot
Tournaments: 9. Pay entry fee from wallet
Tournaments: 10. Top up after insufficient balance
Tournaments: 11. Retry with another slot
Tournaments: View booking confirmation
Team Details: 1. Submit team roster details
Team Details: 2. Correct validation errors
Team Details: 1. Edit details before deadline
Team Details: 2. Join WhatsApp group
My Bookings: 3. Review booking and payment status
My Bookings: Read room ID and password
My Bookings: 4. Retry after fetch failure