Skip to content

Live preview for event page editing #41

@mattstratton

Description

@mattstratton

Context

PRD §1.3 — Organizers need to preview their changes before they go live, or see how the public page looks while editing.

Requirements

  • "View public page" link from the editing UI that opens the public event page
  • Optionally: live preview pane alongside the editor showing rendered output
  • Preview should reflect unsaved changes (for the live pane approach)
  • Or at minimum: saved changes immediately visible on public page with a direct link

Current State

  • No preview functionality exists
  • EventEdit.vue has no link to the public event page
  • Public event pages render from database, so saved changes are immediately live

Implementation Notes

  • Simplest: add a "View Public Page" button/link in the editing UI header
  • More advanced: split-pane editor with live preview using markdown rendering
  • Consider draft/publish workflow if "immediately live" is a concern (probably Phase 2)

Acceptance Criteria

  • Organizers can easily navigate from edit view to public view
  • Preview accurately reflects current saved state
  • Link opens in new tab (don't lose editing context)

References

  • PRD §1.3 — Preview

Metadata

Metadata

Assignees

No one assigned

    Labels

    area:editing-uiVue/Inertia organizer editing interfacephase:1-mvpPhase 1: Core Platform MVP

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions