Functional DemoSaaS

Table Assignment Tool

A drag-and-drop seating chart and event map builder for planners.

Seatly seating-chart landing page: arrange tables, assign guests, and share seating plans, with feature cards for room design and guest lookup. — Seatly landing

What it solves

Event seating is usually handled through a messy mix of spreadsheets, handwritten notes, PDFs, venue diagrams, and last-minute text messages. It is hard to visualize the room, place tables cleanly, track who is seated, avoid relationship conflicts, make the chart look professional, and send assignments to guests and staff.

Built for Wedding and event planners, venue and banquet coordinators, and corporate, church, and nonprofit event teams.

Overview

The Event Table Assignment Tool is a drag-and-drop seating chart and event map builder for planners. Users create an event, lay out a room on a 2D canvas, drag in tables and event objects like a stage, bar, dance floor, and entrance, import or add guests, and assign them to seats. Tables auto-generate seat nodes, a warning system flags unseated guests, over-capacity tables, and keep-apart or seat-together conflicts, and a basic auto-seat feature drafts assignments by group. Finished charts export to PDF and can be shared as a guest-lookup link, a read-only staff view, or emailed seating assignments.

What this demonstrates

A performant interactive 2D canvas with drag, rotate, snap, zoom and pan, undo/redo, and auto-save built on React Konva, automatic seat-geometry generation per table shape, a relationship-aware warning and auto-seat engine, CSV guest import, PDF generation, and role-scoped public share views.

What makes it different

Canva for event seating charts — a visual drag-and-drop room and seating builder, not technical floorplan software.

Visual and drag-and-drop, not a spreadsheet
Simpler than venue CAD, more professional than diagram tools
Always know seated, unseated, empty, and warning counts
Desktop-first builder, mobile-friendly viewer
Objects snap and stay inside the room boundary
Auto-save protects local work even if a save fails

Core capabilities · 17

Event Dashboard
Create, open, duplicate, archive, and track events by status.
New Event Flow
Event basics, room template, and style in a few steps.
2D Room CanvasReact Konva canvas
Drag, move, rotate, snap, zoom, pan, and multi-select.
Table Library
Round, rectangle, and specialty tables with auto-generated seats.
Event Object Library
Stage, bar, dance floor, entrance, decor, and labels.
Seat Generation
Seat coordinates computed per table shape and seat count.
Guest List
Add, edit, tag, group, and filter guests with RSVP and meal choice.
CSV Guest Import
Upload, map columns, validate, and dedupe guests.
Guest Profiles & Photos
Photos with initials fallback and relationship rules.
Seat Assignment
Drag a guest to a seat, or move, swap, and unassign.
Relationship Rules & Warnings
Keep-apart, seat-together, and conflict flags.
Auto-Seat
Drafts seating by group while respecting locks and capacity.
Theme System
Event themes applied to the canvas and exports.
PDF Export
Full map, table list, guest lookup, and staff views.
Share Links & Guest Lookup
Guest, staff, and planner views by token.
Email Assignments
Batch-send seating assignments with delivery status.
Undo/Redo & Auto-Save
Event-scoped history and debounced saving.

How it works

Create an event and choose a blank room or template
Drag tables and event objects into the room
Import or add guests
Assign guests to seats
Review warnings and empty seats
Customize the visual theme
Export or share the final seating chart

Key screens

Authentication
Event Dashboard
New Event Flow
Builder Canvas
Guest Profile Drawer
Warning Drawer
Preview Mode
Guest Lookup Page
Staff View

Data model

User
Organization
Event
Room
CanvasObject
Table
Seat
Guest
GuestRelationshipRule
EventTheme
ShareLink
SeatingNotification

Screens · 4

Seatly seating chart editor with a table library sidebar and a floor plan of 15 round tables, a stage, bar, and entrance; 150 seats, all empty. — Seating chart editor

Share seating chart dialog with guest lookup and staff view link options and an empty state reading no share links yet. — Share chart dialog

Seatly editor on the Objects tab, offering draggable event items like stage, dance floor, bar, and buffet to place on the floor plan. — Objects palette

Seatly editor with a selected buffet object showing its properties panel: name, width, height, rotation, color swatches, and arrange controls. — Object properties panel

How it is built

A Next.js, React, and TypeScript app using React Konva for the canvas and Zustand for editor state, backed by Prisma and PostgreSQL. Guest photos are processed with Sharp, charts render to PDF with pdf-lib, and share links expose read-only guest and staff views.

Classification

Industries: Hospitality
Capabilities: Document Generation Authentication Notifications Multi-Tenant Architecture Dashboards Role-Separated Interfaces Workflow Automation
Technologies: Next.js React TypeScript Node.js Prisma PostgreSQL Tailwind CSS Zod

Building something with similar Document Generation, Authentication, Notifications functionality?

Start a project and reference this one — the conversation begins with what you have already seen.

Start a project