app.gaertan.art/ToDo2.md

---

🖥 Frontend App (app.fellies.art)

Commission Pricing & Display

• Commission pricing overview page
  • Display commission types as cards
  • Show base options (headshot, halfbody, fullbody)
  • Show extras (backgrounds, NSFW, complexity, etc.)
  • Use € currency and place symbol after price
  • Include example images per type
  • Collapsible image section (individual per card)
  • Fix equal-height card issue (use natural height)

Commission Ordering Form

• Build commission ordering form
  • Use react-hook-form and zod for validation
  • Dynamically update form based on selected commission type
  • Show calculated total price
  • Support selecting:
    • Body option (headshot, halfbody, fullbody)
    • Extras (toggle and range input)
    • Contact info (email, handle, etc.)
    • Description / project notes
    • File upload for reference images
  • Preview summary with price (🚧 basic version shown; styled preview TBD)
  • Dynamically render custom fields per selected commission type

TOS / Info

• Add Terms of Service (TOS) section
  • Styled output from Markdown or HTML
  • Editable via admin
• Add “Will draw / Won’t draw” section
  • Display below form or in collapsible panel
  • Editable via admin

UI / Theme

• Dark/light theme toggle (next-themes)
  • Violet-tinted dark theme
  • Neutral grey light theme

---

🛠 Admin App (admin.fellies.art)

Commission Type Management

• Manage commission types

  • Create/edit name, description
  • Upload & sort example images
  • Set sort index (drag and drop)

• Manage commission options (e.g. headshot)

  • Set base price per type
  • Reordering support

• Manage commission extras (e.g. backgrounds, NSFW)

  • Support price, percentage, range
  • Restrict extras to certain types
  • Reordering support

• Attach options and extras to commission types

  • UI for assigning options/extras
  • Editable price overrides per type

• Manage custom input fields

  • Create/select CommissionCustomInput from shared list
  • Prefill input type and label
  • Attach to type with overrides (label, required, etc.)
  • Store in join table correctly
  • Support sorting

TOS / Info Management

• TOS editor (Tiptap)
  • Markdown + HTML storage
  • Preview panel
• “Will draw / Won’t draw” editor
  • Markdown or tags input
  • Save both sections independently

Order Management (future)

• Commission order list view
  • View all submissions
  • Filter by status
  • Assign status (pending, accepted, done)
  • Contact user

---

🧩 Shared Logic & Utilities

Data & Generation

• Base mock definitions
  • commissionTypes
  • commissionOptions
  • commissionExtras
• Generate rawCommissions using base data
  • Inject price/percentage data
• Add example image mapping per type

Types & Validation

• Define @types/commissions
  • Type for CommissionType, Option, Extra, CommissionForm
• Create zod schemas
  • Commission form input schema
  • Type/extras validation
  • Custom field input schema
  • Admin-side validation schema

Helpers

• Price calculation utilities
  • Handle fixed/percent/range extras
  • Return itemized breakdown
• Order-to-submission transformer
  • Format data for admin review
• Utility to generate total price summary

Admin Panel

• Commission type create/edit form
• Commission option/extra CRUD UI
• View list of commission requests
• View single request details
• Update request status (pending, accepted, rejected, etc.)
• Filter and sort commission requests
• View submitted files / references
• Tag, flag, or star requests for tracking
• Delete / archive requests

Backend & Actions

• Submit commission request server action
• Upload reference image(s) action
• Create YCH offer action
• Claim YCH slot action
• Send confirmation email (optional)
• Notify artist via email or admin panel
• Export commission request to JSON or PDF (optional)

Extras

• Kanban-style board for request tracking
• Queue page (public or admin)
• Markdown/WYSIWYG editor for ToS and descriptions
• Analytics for commission activity
• iCal or Notion export
• Stripe or Ko-fi payment integration