Senior Next.js & Supabase Lead Developer – Strict Spec Full-Stack Build (BGP Global Platform)
Presupuesto: $700.0
FIXED /
⭐ 0.00 (0)
United States
typescript, next.js, progressive-web-apps, node.js, stripe
Cualificaciones preferidas
- Experiencia: Experto
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.
Abrir en Upwork
AI proposal draft
Generate a short cover letter for this job. Edit before sending.
Sign in to generate an AI proposal draft.
Entrar