Windel – Wedding Planner & Event Management SaaS Platform JS Script
IMPORTANT: Third-Party Service Costs This product is the application source code only. Running it in production requires third-party services billed directly by
IMPORTANT: Third-Party Service Costs
This product is the application source code only. Running it in production requires third-party services billed directly by their providers, not included in the purchase price:
- Supabase — database, auth, storage, edge functions, realtime. Free tier available; paid plans from ~$25/mo.
- OpenAI (or compatible) — required for the AI Planner feature. Pay-per-token.
- Stripe (optional) — subscription/payment processing. Per-transaction fees.
- Resend / SendGrid (optional) — transactional email. Free tiers available.
- Custom domain / hosting — varies by provider.
You are responsible for creating accounts and paying for usage of any external service you enable.
Windel – Wedding SaaS CRM Platform with Multi-Role System, PWA & Supabase Setup Wizard
Windel is a premium multi-tenant SaaS CRM platform for wedding planning, event management, vendor marketplaces, guest management, online wedding shops, registries, AI-assisted planning, and role-based business operations.
Built with a modern React, Vite, TypeScript, Tailwind CSS, shadcn/ui, Supabase, PWA, and Realtime architecture, Windel gives buyers a complete production-ready foundation for launching a professional wedding and event management platform with admin, organizer, vendor, client, provider-style, and multi-role dashboard experiences.
This is not just a simple dashboard template. Windel is a full SaaS application structure with authentication, role-based routing, multi-tenancy, Row Level Security, setup wizard, PWA support, Supabase backend integration, demo mode, vendor marketplace, wedding shop, guest RSVP tools, QR check-in, realtime notifications, multilingual support, public event pages, and complete documentation.
Live Demo
Demo URL: https://windel.wrapcoders.com User: user@demo.com / User123!
Vendor: vendor@demo.com / Vendor123!
Admin: admin@demo.com / Admin123!
App Overview
Windel is designed for entrepreneurs, developers, agencies, SaaS founders, event businesses, wedding planners, vendor marketplace owners, and CodeCanyon buyers who want to launch a complete event-focused SaaS CRM platform without building everything from scratch.
The platform allows organizers to create and manage wedding or event projects, handle guests and RSVPs, coordinate vendors, track tasks, manage budgets, create public event pages, receive realtime notifications, use AI planning tools, and manage shopping or registry workflows from one centralized system.
Admins can manage the platform, users, tenants, settings, activity, service mappings, Shopify settings, branding, and system configuration. Vendors can list services, manage galleries, receive booking requests, communicate in realtime, and receive reviews. Clients and event users can access event information, RSVP features, guest tools, and related platform services.
Key Features
- Complete wedding and event SaaS CRM platform
- Multi-tenant SaaS architecture
- Role-based dashboard system
- Admin, Organizer, Vendor, Client, User, Agent, and Provider-style access structure
- Supabase Authentication integration
- Supabase Postgres database integration
- Supabase Storage integration
- Supabase Realtime notifications and messaging support
- Supabase Edge Functions support
- Row Level Security based tenant isolation
- First-run setup wizard
- Super Admin creation flow
- App identity and branding setup
- System and SaaS settings configuration
- Security configuration during setup
- Demo/Test mode with quick login buttons
- PWA installable application shell
- Offline-capable app experience
- Admin-controlled branding support
- Wedding and event management module
- Guest and RSVP management
- Custom RSVP questions
- Plus-one guest support
- Dietary preference tracking
- QR-based guest check-in
- Task management system
- Event type task templates
- Kanban task board
- Task assignments
- Budget planning and tracking
- Estimated versus actual budget line items
- Vendor marketplace
- Vendor bidding and booking requests
- Vendor service listings
- Vendor gallery support
- Realtime vendor messaging
- Vendor reviews after accepted bookings
- Native wedding shop
- Product catalog
- Product categories
- Cart system
- Wishlist system
- Wishlist sharing
- Product reviews
- Order tracking
- Registry system
- Cash gift support
- Physical gift support
- Experience gift support
- Gift contribution support
- AI Planner module
- AI-generated wedding roadmaps
- AI-generated task suggestions
- AI-generated budget breakdowns
- Public event website pages
- Secure hex token based public event sharing
- Tenant branding support for public pages
- Realtime in-app notifications
- Email notification triggers
- User notification preferences stored as JSONB
- Internationalization support
- English language support
- Arabic RTL language support
- Spanish language support
- French language support
- Turkish language support
- Responsive desktop, tablet, and mobile navigation
- Documentation website included
- Deployment guide included
- Supabase update guide included
- Changelog v1.0.0 included
Multi-Role System
Windel includes a powerful role-based access system designed for real SaaS platforms. Different user types can access different parts of the application based on their responsibility inside the platform.
Supported Roles
- Admin / Super Admin: Platform-wide administrator with access to users, tenants, activity logs, site options, system settings, Shopify settings, service mappings, and platform management tools.
- Organizer: Tenant owner, wedding planner, event planner, or agency user who manages events, guests, vendors, tasks, budgets, invitations, and public event pages.
- Vendor / Provider: Marketplace seller or service provider who can manage services, pricing, galleries, booking requests, messaging, and reviews.
- Client / User: Couple, event owner, event guest of record, or customer user who interacts with event details, RSVPs, wedding tools, registry, shop, and related platform features.
- Agent-style Team Role: The architecture can be extended for support agents, sales agents, event coordinators, internal team members, or CRM operators.
Role-Based Benefits
- Clean dashboard separation for each user type
- Secure access control by role
- Protected route structure
- Role-specific user journey after login
- Platform-wide admin management
- Tenant-level organizer access
- Vendor/provider marketplace access
- Client and user-facing event access
- Scalable structure for adding more roles
Authentication System
Windel uses Supabase Authentication to provide a secure and modern login experience. The authentication system is designed for SaaS platforms that need protected access, session handling, password reset, OAuth, phone login, and role-based routing.
Authentication Features
- Email and password authentication
- Email verification support
- Password reset via email link
- Phone OTP authentication support
- Google OAuth support
- Apple OAuth support
- Supabase session handling
- Protected application routes
- Role-based login flow
- Secure dashboard redirect after login
- Demo quick-login support for testing
- Production-ready environment-based configuration
Role-Based Redirect System
Windel includes a smart role-based redirect system. After a user logs in, the platform checks the user role and redirects them to the correct area of the application.
Redirect Flow
- Super Admin users are redirected to platform administration areas.
- Organizers are redirected to tenant, event, guest, vendor, task, and budget management areas.
- Vendors and providers are redirected to vendor marketplace and service management areas.
- Clients and users are redirected to user-facing event and platform areas.
- Unauthorized access attempts are blocked by protected route rules.
- The setup route becomes inaccessible after installation is completed.
Setup Wizard
Windel includes a first-run setup wizard located at /setup. On first boot, application traffic is routed to the setup wizard until the installation is completed.
Setup Wizard Steps
- Step 1: Super Admin — Create the first Super Admin account with name, email, and password.
- Step 2: App Identity — Configure site name, logo, primary color, and contact email.
- Step 3: System & SaaS — Configure default plan limits, signup status, and maintenance mode.
- Step 4: Security — Configure leaked-password protection, email confirmation, and optional email domain restrictions.
Setup Wizard Features
- Guided first-run installation flow
- Super Admin creation
- Brand identity setup
- SaaS configuration setup
- Security configuration setup
- Global redirect guard until setup is complete
- Automatic protection after setup completion
- Setup state tracking
- Secure admin elevation through Edge Function
PWA System
Windel includes Progressive Web App functionality, allowing the application to feel like an installable app across supported desktop and mobile browsers.
PWA Features
- Installable web application shell
- Mobile app-like experience
- Desktop app-like experience
- Offline-capable application shell
- PWA support through vite-plugin-pwa
- App branding support
- Admin-controlled app identity
- Custom site name support
- Logo and primary color configuration
- Improved engagement for SaaS users
- Modern marketplace-ready user experience
Supabase Integration
Windel is deeply integrated with Supabase and uses it as the backend foundation for authentication, database, storage, realtime updates, Edge Functions, and security.
Supabase Backend Features
- Supabase Auth: Handles email/password login, password reset, OAuth, phone OTP, and sessions.
- Supabase Postgres: Powers tenants, users, events, guests, tasks, budgets, vendors, messages, notifications, orders, wishlists, settings, and setup state.
- Supabase Row Level Security: Enforces database-level tenant isolation and secure access control.
- Supabase Storage: Supports avatars, tenant logos, vendor galleries, and event galleries.
- Supabase Realtime: Supports realtime messaging, alerts, and notification updates.
- Supabase Edge Functions: Powers backend functions such as setup admin elevation, AI planner, event Open Graph, RSVP reminders, and Shopify order webhooks.
- Supabase Migrations: Self-hosted users can apply database updates using the Supabase CLI.
Storage Buckets
- avatars: Public bucket for user profile pictures.
- tenant-logos: Public bucket for agency, tenant, and site branding assets.
- vendor-gallery: Public bucket for vendor portfolio images.
- event-gallery: Public bucket for event cover and gallery photos.
Demo / Test Mode
Windel includes a marketplace-friendly demo mode controlled by a single environment variable. This is perfect for CodeCanyon live previews, client demos, QA testing, and role-based testing.
Demo Mode Configuration
VITE_DEMO_MODE="true"shows quick-login buttons on the authentication page.VITE_DEMO_MODE="false"hides quick-login buttons for production.
Demo Quick Login Roles
- Super Admin demo login
- Organizer demo login
- Vendor demo login
- Client/User demo login
Demo mode should always be disabled before publishing the final production application.
Responsive Navigation System
Windel includes a responsive navigation system suitable for modern SaaS platforms. The interface is designed to work smoothly across desktop, tablet, and mobile devices.
Responsive UI Features
- Desktop dashboard navigation
- Tablet-friendly layout behavior
- Mobile-friendly navigation support
- Role-aware navigation structure
- Clean dashboard menu experience
- Modern SaaS interface structure
- Mobile-first usability for event teams and guests
- Optimized layouts for admins, organizers, vendors, and users
Core Modules
Events Management
- Create and manage wedding events
- Create and manage different event types
- Timeline management
- Dress code support
- Event hashtag support
- Capacity management
- Event cover and gallery support
- Shareable public event pages
Guests & RSVP
- Guest management
- Invitation workflows
- Custom RSVP questions
- Plus-one support
- Dietary preference tracking
- QR check-in support
- Secure guest event access
Tasks
- Task management system
- Event type task templates
- Kanban task board
- Task assignments
- Planner workflow support
- Organizer productivity tools
Budget
- Budget planning tools
- Categorized budget line items
- Estimated cost tracking
- Actual cost tracking
- Wedding and event budget breakdown
Vendor Marketplace
- Vendor service listings
- Vendor pricing support
- Vendor gallery support
- Booking request workflow
- Proposed date and budget support
- Vendor bidding system
- Realtime organizer-vendor messaging
- Vendor review system after accepted bookings
Wedding Shop
- Native wedding product catalog
- Product categories
- Cart functionality
- Wishlist functionality
- Wishlist sharing
- Product reviews
- Order tracking
- Shopify settings support
- Shopify order webhook support
Registry
- Wedding gift registry support
- Cash gift support
- Physical gift support
- Experience gift support
- Gift contribution support
AI Planner
- AI wedding roadmap generation
- AI task suggestion generation
- AI budget breakdown generation
- OpenAI-compatible API integration (buyer-supplied key)
- AI-powered planning assistance for organizers
Notifications
- Realtime in-app notifications
- Email notification triggers
- Postgres trigger based notifications
- Supabase Realtime powered alerts
- User notification preference storage
Multi-Tenancy
Windel is built with multi-tenancy at the database level. Every tenant-scoped row uses a tenant_id, and Row Level Security policies help enforce tenant isolation directly in the backend.
Multi-Tenant Features
- Tenant-based data separation
- Tenant member management
- Tenant-level organizer access
- Tenant-branded public event pages
- Database-level tenant isolation
- Scalable SaaS architecture
Database Schema Overview
Windel includes a rich database structure suitable for a real wedding and event SaaS CRM platform.
Core Tables
tenantstenant_memberseventsgueststasksbudget_itemsvendorsvendor_servicesbooking_requestsmessagesnotificationsorderswishlistssite_settingssetup_stateuser_roles
Security Features
- Supabase Authentication
- Protected route system
- Role-based access control
- Dedicated
user_rolestable has_role()security-definer checks- Row Level Security tenant isolation
- First-user-only admin elevation
- Secure setup admin Edge Function
- HIBP leaked-password compromise check support
- Email confirmation support
- Optional email domain restrictions
- Tenant invitation expiration after 7 days
- Environment variable based configuration
- Production demo mode disable option
- Private service keys are kept out of client-side variables
Performance Optimization
- Built with Vite for fast development and optimized builds
- React 18 frontend architecture
- TypeScript based maintainable codebase
- Tailwind CSS utility-first styling
- shadcn/ui component system
- TanStack Query for efficient server state management
- Zustand for lightweight state management
- PWA installable shell for improved app experience
- Static hosting ready production build
- Realtime updates through Supabase
- Optimized responsive dashboard layouts
Documentation System
Windel includes a complete documentation website for buyers and developers. The documentation is organized as a single ordered source of truth for setup, configuration, deployment, troubleshooting, and updates.
Included Documentation Sections
- Introduction
- Requirements
- Quick Start
- Installation
- Environment Variables
- Build Guide
- Deployment Guide
- Self-Hosting Checklist
- First-Run Setup Wizard Guide
- Update Existing Supabase Project Guide
- Demo/Test Mode Guide
- Authentication Guide
- Email Delivery Guide
- Storage Buckets Guide
- Tech Stack Overview
- Multi-Tenancy Guide
- Roles and RBAC Guide
- Database Schema Overview
- Feature Overview
- Troubleshooting
- FAQ
- Changelog v1.0.0
- Credits
Deployment Guide Summary
Windel can be deployed to modern hosting platforms and self-hosted environments. The production bundle is generated into the dist directory and can be served by static hosting providers or a static server.
Supported Deployment Options
- Vercel static hosting
- Netlify static hosting
- Cloudflare Pages hosting
- Docker and Nginx self-hosting
- Custom static hosting environments
Typical Deployment Steps
- Install dependencies using Bun, npm, or pnpm.
- Configure the required environment variables.
- Set Supabase project URL, publishable key, and project ID.
- Disable demo mode for production.
- Apply Supabase migrations for self-hosted projects.
- Configure storage buckets.
- Configure authentication providers and redirect URLs.
- Configure email delivery.
- Build the application with
bun run build. - Deploy the
distfolder to the selected hosting provider. - Add SPA fallback rewrite to
/index.html. - Complete the first-run setup wizard.
- Test all roles, dashboards, public event pages, storage uploads, realtime features, and Edge Functions.
Technology Stack
- Frontend: React 18, Vite 5, TypeScript 5, Tailwind CSS 3, shadcn/ui
- Backend: Supabase Postgres, Auth, Storage, Realtime, Edge Functions
- State Management: TanStack Query and Zustand
- Internationalization: react-i18next
- PWA: vite-plugin-pwa
- Package Manager: Bun, npm, or pnpm
Use Cases
- Wedding planning SaaS platform
- Event management CRM platform
- Vendor marketplace platform
- Wedding marketplace application
- Guest RSVP management platform
- Event invitation and check-in system
- Wedding shop platform
- Gift registry platform
- Agency CRM for event planners
- Provider booking platform
- Client portal for wedding businesses
- Multi-tenant SaaS dashboard
- AI wedding planner platform
- White-label event management platform
Who Is This For?
- CodeCanyon buyers looking for a premium SaaS platform
- Developers building wedding or event management products
- Agencies building client CRM systems
- Wedding planners launching a digital platform
- Event businesses managing guests, vendors, and budgets
- Startup founders creating marketplace-based SaaS products
- Vendors and service providers needing booking workflows
- Businesses needing a PWA-ready CRM platform
- Teams that need multi-role access control
- Entrepreneurs who want a scalable Supabase application foundation
Changelog v1.0.0
Initial Stable Release
- 4-step first-run setup wizard at
/setup - Global setup redirect guard
- Secure
setup-grant-adminEdge Function - First-user-only admin elevation
VITE_DEMO_MODEflag for quick-login on/auth- Multi-tenant architecture with full RLS isolation
- Vendor marketplace with bidding, booking requests, realtime messaging, and reviews
- Native wedding shop with cart, wishlist, share links, and order tracking
- Public event sites with secure hex tokens and tenant branding
- QR-based guest check-in
- Realtime notifications with Postgres triggers and Supabase Realtime
- Internationalization for English, Arabic RTL, Spanish, French, and Turkish
- PWA installable shell
- Admin suite for tenants, users, activity logs, site options, Shopify settings, and service mappings
- Dedicated roles table with security-definer role checks
- HIBP password compromise check support
- Tenant invitation expiration security
- Complete documentation website
.env.examplewith required and optional variables- Supabase project update guide with managed, CLI, rollback, and troubleshooting workflows
Why Choose Windel?
- Complete SaaS CRM platform instead of a basic template
- Built specifically for wedding and event management businesses
- Includes multi-tenancy, RBAC, PWA, Supabase, Realtime, Storage, and Edge Functions
- Includes vendor marketplace, wedding shop, registry, events, guests, tasks, budgets, and AI planning
- Includes setup wizard for easier buyer installation
- Includes demo mode for CodeCanyon live preview and testing
- Includes responsive design for desktop, tablet, and mobile users
- Includes full documentation and changelog
- Designed as a professional marketplace-ready SaaS product
Conclusion
Windel is a complete wedding and event SaaS CRM platform built for modern businesses that need a professional multi-role system, Supabase backend, PWA experience, setup wizard, marketplace features, guest management, AI planning, realtime notifications, and scalable multi-tenant architecture.
Whether you want to launch a wedding SaaS, build an event CRM, create a vendor marketplace, manage guests and RSVPs, sell wedding products, offer registry tools, or build a white-label event platform, Windel gives you a strong premium foundation for your next product.
What's Your Reaction?
Like
0
Dislike
0
Love
0
Funny
0
Angry
0
Sad
0
Wow
0

