Full-Stack React/Next.js & Supabase Developer for Custom Vertical Webcomic Platform

Job Type: Fixed Price Experience Level: Expert Budget: $1,300 (3 Milestones of $433) Location Requirement: Ukraine Title: Full-Stack React/Next.js & Supabase Developer for Custom Vertical Webcomic Platform - Fixed Budget $1,300 Description: Hello, I am looking for an expert Full-Stack developer to build a custom, secure vertical Webtoon/Webcomic platform from scratch for a production launch. We are NOT using low-code tools. You will build it using React/Next.js, Tailwind CSS, and Supabase. The platform hosts direct vertical comic uploads from new creators, handling both SFW and NSFW adult content with automated community-driven payment gateway isolation. Strict Workflow, Timeline & Schedule (Friday Cycles): • Project Structure: 4 weeks total duration (3 active coding milestones of $433 each, plus a 1-week structural pause in the middle while our corporate merchant banking account is finalized). • Project Start: This Wednesday. • Weekly Inspection: Every Friday morning. • Payment Terms: If the weekly milestone goals are met, deployed, and validated bug-free on Friday morning, your milestone payment is released immediately. If there are bugs, you must correct them before payment is released. • Deployment Rule: 100% of your weekly code must be pushed to MY GitHub and deployed on MY Supabase before Friday morning. No screenshots, no local demos. ## Scope of Work #### Milestone 1 (Week 1 — $433): Database, Storage Security & Vertical Reader UI • Database Architecture: Build a robust Supabase PostgreSQL schema to handle users, creators, multi-page vertical chapter uploads, and purchase history. • Hardened Storage Buckets: Set storage buckets to private and enforce strict Row Level Security (RLS) policies. • Signed URL Pipeline: Configure Next.js to query Supabase and generate dynamic, short-lived Signed URLs (expiring in 2–5 minutes) to completely prevent direct image hotlinking and network-tab piracy. • Anti-Piracy Vertical Viewer: Build an optimized vertical-scrolling viewer. Implement front-end code to disable right-click, image dragging/saving, and common inspection keyboard shortcuts (F12, Ctrl+Shift+I). #### Milestone 2 (Week 2 — $433): Creator Dashboard, Core Logic & Gating Walls • Creator Upload Flow: Build the front-end dashboard allowing creators to upload chapters and select their tier category (SFW vs. NSFW). • Hardcoded Pricing Structure: Hardcode predefined payment checkboxes in the Creator Dashboard based on the content type: * SFW Tiers: $3.00 (Tip), $6.99 (Early Access), $9.99 (Bundle). * NSFW Tiers: $5.00 (Adult Tip), $11.99 (Lightsaber Tier/Censored), $16.99 (Raw Tier/Uncensored), $50.00 (VIP All-Access Pass). • Gating & Registration Walls: Build an 18+ adult confirmation splash gate. Enforce mandatory user registration instantly at Chapter 3. Build the card authorization layout block before accessing premium NSFW chapters. * Note: At the end of Week 2, the live staging site will be submitted to our payment processor for underwriting review. #### [Week 3 — Structural Pause / $0 Milestone]: Merchant Bank Underwriting • No active coding required this week. The project will pause for up to 7 days while Centrobill approves our high-risk corporate infrastructure and issues live API credentials. #### Milestone 3 (Week 4 — $434): Live Payment Gateways & Automated Isolation Switch • Dual-Gateway Integration: Connect live Stripe API layouts for SFW checkouts and embed the secure Centrobill High-Risk iFrame component into the premium/NSFW layouts. • Centrobill Postback Listeners: Build custom React window event listeners to capture real-time payment success tokens from the Centrobill iFrame and instantly update the user's unlock access state in Supabase. • Automated Community Isolation Workflow: Implement a "Report NSFW" flagging button under the reader UI. If an active chapter on Stripe receives 3 user flags, a database trigger must instantly hot-swap the payment gateway to Centrobill automatically. • Purchase Retention: Ensure users who previously purchased an asset before a gateway swap retain seamless reading access via historical purchase records. ## How to Apply Please type "UKRAINE CUSTOM DEVELOPER" at the very beginning of your proposal. Describe your direct experience with Supabase RLS, cross-origin iFrame event tracking, and anti-piracy asset protection. Thank you!