Shopify App Developer (Full-Stack Remix/Node.js)– UI Implementation & API Wiring using a Boilerplate

### Project Overview We are launching a specialized, high-performance B2B Enterprise SaaS application for Shopify focused on Cyber-Fraud Protection and Security. The core AI/ML engine, risk evaluation algorithms, and RAG pipelines are ALREADY built and fully managed in-house by our AI Engineer. They are exposed via clean, high-performance REST API endpoints (FastAPI/Python). We are looking for a Senior Full-Stack Shopify App Developer to build the "body" of the application: implementing our pre-designed wireframes, managing the Shopify App Lifecycle, setting up Webhooks pipelines, handling the Billing API, and deploying a Theme App Extension widget. ### Key Responsibilities & Scope of Work 1. UI/UX Implementation (Frontend) - Translate our approved, comprehensive Figma/wireframe layouts into a responsive, beautiful embedded Shopify admin dashboard. - Utilize **Shopify Polaris** and React/Remix to ensure a native Shopify look and feel. - Build the core screens: Main Dashboard/Analytics, Activity/AI Logs, Automation Rules Manager, and Custom Blacklists Tables. 2. App Lifecycle, OAuth & Webhooks - Implement standard, secure Shopify OAuth (Online/Offline access tokens). - Configure and manage Shopify Webhooks (specifically `checkouts/create`, `checkouts/update`, and `orders/create`). - Proxy the incoming Shopify payloads instantly to our internal Python/FastAPI endpoint for real-time risk assessment, receive the JSON response, and trigger the appropriate action (e.g., flag or hold order risk status) within Shopify in milliseconds. 3. Shopify Billing API & Overage Logic - Implement our 4-Tier Pricing Architecture (Free, Starter, Basic, Pro). - Integrate the Shopify Recurring Charge API. - Program an automated dynamic usage tracking system using Shopify's `AppUsageRecord` API to log and bill for "Queries" and "Dynamic AI Chargeback Agent" usage exceeding basic tier quotas (Overage Logic). 4. Theme App Extension (Front-End Widget) - Develop a lightweight Shopify Theme App Extension to embed a floating customer support/trust chat widget on the client’s storefront. - Ensure the widget has no performance impact on the store's Google Lighthouse score. - Connect the widget UI to our dedicated chatbot API endpoint via AJAX/Fetch to render stream/text responses. ### Tech Stack & Requirements - Proven track record of developing and publishing public or custom Shopify Apps using the official **Shopify CLI (Remix/Node.js/React)**. - Proficiency in JavaScript/TypeScript, Tailwind CSS, and Shopify Polaris components. - Experience building Theme App Extensions (App Blocks). - Deep understanding of the Shopify REST/GraphQL Admin APIs and Billing API pipelines. - Clean code architecture, Git proficiency, and understanding of web security fundamentals (OWASP). Note: You do NOT need to write any Machine Learning code, prompt engineering, or vector database management. You only need to consume our ready-made REST APIs. ### Project Deliverables - Fully functioning, production-ready embedded Shopify App. - Clean, well-documented GitHub repository. - Successful pass through local Shopify App structural validation checks. ### Code Ownership & Deliverables - 100% of the source code, repositories, and intellectual property will belong exclusively to the client upon milestone payments. - The developer is required to push all clean, unminified source code to our private GitHub repository daily. - Final milestone payment will ONLY be released after full code delivery, successful local deployment, and verification that no proprietary code is withheld. ### How to Apply Please submit your proposal along with: 1. Links to live Shopify Apps you have personally built or contributed to in the Shopify App Store. 2. A brief 2-sentence summary of your experience handling Shopify's Usage-Based Billing (`AppUsageRecord`). 3. "Start your cover letter with the word 'CYBER'. Applications without this word will be automatically rejected. Briefly, how many hours do you estimate it will take to connect 4 Polaris UI screens to our ready FastAPI endpoints?" ### Confidentiality & NDA Requirement Please note that this project involves proprietary cyber-security logic and custom UI wireframes. The selected candidate will be required to sign a formal Non-Disclosure Agreement (NDA) BEFORE we share the Figma/Wireframe links, API documentation, or any core project details. If you are not comfortable signing an NDA, please do not apply.