Skip to content

[Frontend] — ENHANCEMENT: Add Create Creator Event Page at /creator-events/create #879

@Olowodarey

Description

@Olowodarey

Allow creators to create new prediction events by paying a XLM fee. This is the core creator flow for the CreatorEventManager contract.

Required Features

Multi-step form with the following steps:

Step 1 — Event Details:

  • Event title (max 200 chars)
  • Event description (max 1000 chars, markdown supported)
  • Max participants (number input, min 2, max 1000)

Step 2 — Review & Pay Fee:

  • Display current creation fee in XLM (fetched from contract)
  • Show summary of event details
  • XLM balance check
  • "Create Event & Pay Fee" button
  • Transaction signing with Stellar wallet

Step 3 — Success:

  • Show generated invite code (8-character alphanumeric)
  • Copy invite code button
  • Share buttons (Twitter, Telegram, copy link)
  • "Add Matches" button → redirects to /creator-events/[id]/matches

Additional Requirements:

  • Form validation on all fields
  • Loading states during transaction
  • Error handling for insufficient balance, transaction failures
  • Breadcrumb navigation
  • "Save as Draft" functionality (localStorage)

Files to create:

  • frontend/src/app/(authenticated)/creator-events/create/page.tsx
  • frontend/src/component/creator-events/CreateEventForm.tsx

Metadata

Metadata

Assignees

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions