Senior Next.js & Supabase Lead Developer – Strict Spec Full-Stack Build (BGP Global Platform)
Бюджет: $700.0
FIXED /
⭐ 0.00 (0)
United States
typescript, next.js, progressive-web-apps, node.js, stripe
Предпочитана квалификация
- Опит: Експерт
We are seeking an experienced Senior Full-Stack Developer or Elite Small Team to build the official web application, B2B partner system, and QR scanner infrastructure for BGP Global. CRITICAL MANDATE & WARNING: We have a 100% locked Technical & Content Master Specification document. Every layout, card logic, copywriting, and interactive state must be executed character-for-character and feature-for-feature without alteration, condensation, or redesign. Do NOT apply if you plan to use generic templates or ignore specifications. 1. CORE TECHNICAL SCOPE & ARCHITECTURETech Stack: Next.js (App Router), TypeScript, Tailwind CSS, Supabase (Database & Auth), Stripe API Integration. Aesthetic & Visual Identity: Clean, bright canvas (#FAFAFA / #FFFFFF) with warm tropical undertones, smooth rounded cards (border-radius: 20px), glassmorphism overlays (backdrop-filter: blur(12px)), and glowing gradient borders. Multi-Language Mandate (3 Languages: EN | ES | DE): Built-in tri-language support for English (EN), Spanish (ES), and German (DE). (Note: ALL localized copywriting for all 3 languages will be fully provided by us; developer only needs to build the i18n/localization architecture).Header & Top Navigation: Fixed Left-To-Right 7-position top header with smooth anchor scrolling (#memberships, #philosophy, #b2b-partners, EN|ES|DE selector pill badge, B2B Portal button, Dropdown menu). 2. FRONTEND MODULES TO BUILD (CHARACTER-FOR-CHARACTER)Hero Section (Above the Fold):Super-header pill badge, locked headlines, Dual CTAs. Interactive 3D BGP Digital Pass render (Must load in under 1 second). Key Pillars & Why Philosophy Section:4-grid platform benefit cards and 6 Core Founder Privileges grid. Interactive Membership Module (Swipeable Carousel & 3D Flip):Mobile Layout Requirement: Vertical card list is STRICTLY FORBIDDEN on mobile screens. Must render as a touch-swipeable horizontal carousel with dot indicators. 3D Card Flip Mechanics: Cards must feature a 3D horizontal card-flip to reveal the backside dynamic sample QR code preview and specific launch party perks. 3 Tiers: Early Access Pass (€29/yr), Founders Pass (€69 ONE-TIME - Featured Card), VIP / Patron Pass (€199/yr). Includes slot progress bars (e.g., 600/1000) and pre-launch "No-Refund Policy" checkout modals. FULL B2B MERCHANT SYSTEM & ONBOARDING PORTAL (CRITICAL MODULE):B2B Partner Pricing & Comparison Table: Interactive 3-tier matrix (Standard Partner €10/mo, Regional Founder €199/yr, VIP Sponsor €499–999/yr). B2B Partner Registration Form: Built-in onboarding module for venue owners/merchants to register their business, submit venue details, contact information, upload photos, and select their tier. Photo & Promotional Perk Management (Drops): B2B interface allowing merchants to upload high-res promotional photos, set custom perks/discounts, and configure target promotional drops (1 drop/quarter for Standard, 1 drop/month for Regional, Unlimited custom drops for VIP Sponsors). Partner Profile Preview & Directory: Card view displaying verified partner badges, photo perks, social media links, and direct contact buttons. B2B Custom App Infrastructure Fund (Donation/Grant Input): Dedicated contribution module with predefined EUR selectors (€100, €250, €500, €1,000, Custom Amount) and company input fields. Merchant Admin Approval & Web-Based QR Scanner PWA:Admin Approval Panel: Admin system for manual review, approval, or rejection of incoming merchant applications before live directory publishing. Web-Based Camera QR Scanner: Fast PWA camera scanner for partner staff with 800ms response time. Instant Scan Validation Screen:GREEN SCREEN: Valid member name, photo, and status. SPECIAL PURPLE/GOLD ALERT: Animated banner reading '+++' PRIORITY HOSPITALITY REQUIRED! for Founder and VIP holders. RED SCREEN: Denial reason ("Subscription Expired" or "QR Code Already Used"). 3. WORKFLOW, DELIVERABLES & PAYMENTSPre-Approval Workflow: Before full code execution, you MUST present live dev drafts/layouts of each module for sign-off. Milestone Structure: Payments are released strictly upon verified, functional coding deliverables tested against the Master Specification PDF. HOW TO APPLY:To prove you read this entire brief, start your proposal with the word "VORTEX".Please include:Live links to Next.js / Supabase / Stripe web applications you have built.Confirmation that you can execute according to our exact specification PDF without altering copywriting or layouts. Your proposed milestone schedule and realistic completion timeline.
Отвори в Upwork
AI proposal draft
Generate a short cover letter for this job. Edit before sending.
Sign in to generate an AI proposal draft.
Вход