DocHub
DocHub/Partner Portal/System Architecture/System Overview
High-level architecture of the Partner Portal influencer marketing system

System Overview

The Partner Portal is an influencer marketing system for HypnoELP. It manages the full lifecycle of influencer partnerships — from invitation through onboarding, splash screen customization, and referral tracking.

Purpose

Enable HypnoELP to recruit influencers who promote the app to their audiences. Each influencer gets a unique referral code, a personalized splash screen shown to referred users, and (future) tracking of signups attributed to their code.

Architecture

The system consists of four components:

Component URL Purpose
Admin Website hypnoelp.com/influencers/admin/ Send invites, approve/reject splash screens
Partner Portal hypnoelp.com/influencers/ Influencer login, profile, splash screen upload
Edge Functions Supabase (foxuipkuotwhitlxssyc) Backend API for all operations
Email Auto-Reply n8n on Digital Ocean AI-powered automated responses to influencer emails

Tech Stack

Layer Technology
Frontend Vanilla HTML/CSS/JS (self-contained single-page apps)
Auth Supabase Auth (email/password)
Database Supabase PostgreSQL
Edge Functions Supabase Edge Functions (Deno)
Storage Supabase Storage (splash-screens bucket)
Email Resend API (marketing@hypnoelp.com)
Hosting Hostinger (hypnoelp.com)
Automation n8n on Digital Ocean

Request Flow

  1. Admin sends invite via Admin Website
  2. create-influencer edge function creates DB record + Auth user + sends email
  3. Influencer clicks email link, sets password on Partner Portal
  4. Influencer uploads splash screen image (auto-compressed to ~100KB)
  5. Admin reviews and approves/rejects in Admin Website
  6. On approval, approve-splash-screen generates self-contained HTML with embedded base64 image
  7. HypnoELP app calls get-splash-screen?code=XXX to display the splash screen to referred users

Dependencies

  • Supabase project: foxuipkuotwhitlxssyc (Influencer Portal — separate from main HypnoELP DB)
  • Resend: Email delivery for invites and password setup
  • Hostinger: Hosting for admin and portal frontends
  • n8n: Email auto-reply workflow on Digital Ocean

Status

Production. All components deployed and operational. Splash screen approval flow complete. Email auto-reply active (pending switch to production mailbox).