A luxury sports club platform for Throwball, Volleyball, and Badminton tournaments. Designed with an ultra-responsive dark-gold aesthetic and an event-driven tournament registration pipeline.
Note
Prototype & Architecture Notice: Royal Strikers was developed as a rapid event registration prototype for club tournaments. Verification uploads and payment receipts are routed via client-side API integrations (ImgBB and Web3Forms) for demonstration purposes, with zero framework overhead.
Royal-Strikers/
├── index.html # Landing page (hero, sports, about, gallery)
├── register.html # Dedicated registration form & receipt generator
├── css/
│ └── styles.css # All styling (Luxury UI, variables, mobile responsive)
├── js/
│ └── main.js # Core logic (Registration, Web3Forms, ImgBB, WhatsApp integration)
├── README.md # This file
└── .gitignore # Git ignore rules
| Feature | Description |
|---|---|
| Hyper-Luxury UI | Premium dark-mode aesthetic with gold accents, magnetic cursors, smooth scroll (Lenis), and cinematic reveal animations. |
| Dynamic Registration Flow | Smart form that adapts fields dynamically based on the number of players selected (1–15). |
| Identity Verification | Structured file upload pipeline for School ID and Aadhaar verification ensuring tournament bracket compliance. |
| ImgBB Cloud Storage | Uploaded IDs and Payment proofs are automatically hosted on ImgBB via API, ensuring lightweight payload processing. |
| Web3Forms Backend | Complete roster and image links are securely bundled and sent directly to the admin email without complex backend servers. Includes botcheck honeypot for spam protection. |
| WhatsApp Integration | Bypasses mobile popup blockers by generating an explicit button to send the structured roster directly to the admin's WhatsApp. |
| UPI Payment Module | Generates a fully copyable UPI ID and a dynamic QR code modal for instant payments. |
| Real-Time Validations | Custom Toast Notifications system providing instant feedback for file uploads, verification checks, and form submission states. |
| Responsive Design | Flawless cross-device scaling from 4K desktop monitors down to mobile viewports. |
- Frontend Core: HTML5, CSS3, Vanilla JavaScript (ES Modules)
- Typography & Animations: Google Fonts (Cinzel, Outfit), CSS Keyframes, Lenis, Framer Motion
- Cloud APIs: ImgBB API (Image Hosting), Web3Forms API (Email Delivery)
- Build & Deploy: Vite, Vercel
-
Clone the repository:
git clone https://github.com/Shreesha-Rao-K/Royal-Strikers.git
-
Install dependencies (if using Vite):
npm install
-
Start the local development server:
npm run dev
The project is a zero-dependency frontend bundle built with Vite. It can be built and deployed to any static host (such as Vercel, Netlify, or GitHub Pages):
npm run build
npm run previewUsed for hosting images from the registration form:
Set in js/main.js:
const IMGBB_API_KEY = 'YOUR_IMGBB_API_KEY';Used for delivering registration payloads to email:
Set in register.html:
<input type="hidden" name="access_key" value="YOUR_WEB3FORMS_KEY">The admin phone number is configured for WhatsApp intent links:
Set in js/main.js:
const adminPhone = "918296398607";Developed by Shreesha and Vihaan.
All rights reserved. © 2026 Royal Strikers.