magnix-2026

byMB Sohan

Redesign and fully implement the MAGNIX 2026 Department of Science website as a premium, cinematic Stranger Things-inspired experience. Event date: **13 October 2026**, one-day event. Remove all registration fees and prize-pool/price-pool references. First screen must be a dramatic **Upside Down gateway** asking: “DO YOU WANT TO ENTER THE UPSIDE DOWN WORLD?” with ENTER / STAY OUT buttons and a cinematic transition into the main site. Use original/licensed/generated visuals, dark black + deep/bright red, 3D effects, particles, fog, animated backgrounds, cinematic typography and responsive mobile-first layouts. Do not scrape copyrighted Google/Netflix images. Main hero: **MAGNIX 2026 — Department of Science Presents — 13 October 2026 — One Day Event — FREE ENTRY**, with live countdown. Create registration with **Technical / Non-Technical** selection, then event, then Individual/Team. Technical: Computer Science, Economics, Psychology, Mathematics, Multimedia + existing technical event. Non-Technical: BGMI, Free Fire, Photography, Treasure Hunt, Miscellaneous. Build dynamic forms with validation, eligibility rules and duplicate detection. Store registrations securely in **Google Sheets via backend/API**, never expose credentials. Generate unique Registration IDs and downloadable digital passes with QR codes. Prevent duplicate registrations and mark duplicates in Sheets. Use Image-to-Code for image-first design, Taste + Awesome Design MD for art direction, Vercel Web Design Guidelines for accessibility/UX, and Playwright for complete browser testing. Verify mobile, desktop, forms, QR passes, animations, images, console errors and horizontal overflow. Preserve existing project functionality while upgrading the visual experience substantially.

LandingPassRegistrationLogin
Landing

Comments (0)

No comments yet. Be the first!

Registration design preview
Landing: Choose ENTER
Landing: Read hero date and free entry
Login: 1. Verify organizer identity
Login: 2. Retry failed verification
Registrations: 3. Review registration pipeline
Registrations: Inspect record with Registration ID
Registrations: Review duplicate markings
Registrations: 4. Retry fetch after backend failure
Registrations: 1. Verify attendee pass
Registrations: 2. Retry unverifiable pass
Registrations: 5. Re-authenticate lapsed session
Landing: Choose STAY OUT
Pass: View pass artefact
Landing design preview
Landing: Choose ENTER
Landing: Read hero date and free entry
Login: 1. Verify organizer identity
Login: 2. Retry failed verification
Registrations: 3. Review registration pipeline
Registrations: Inspect record with Registration ID
Registrations: Review duplicate markings
Registrations: 4. Retry fetch after backend failure
Registrations: 1. Verify attendee pass
Registrations: 2. Retry unverifiable pass
Registrations: 5. Re-authenticate lapsed session
Landing: Choose STAY OUT
Pass: View pass artefact