IMPORTANT: AI Utilization Prices
This platform makes use of AI-powered options (content material era, topic line ideas, analytics insights) that hook up with exterior AI suppliers. AI API utilization prices are NOT included within the buy worth. You’ll need to supply your individual API keys and handle related prices individually. Typical prices differ based mostly on utilization quantity.
Tripzio — AI-Powered Journey Planning & Multi-Vendor Reserving Platform
Tripzio is a contemporary SaaS platform that helps vacationers plan, manage, and e book full journeys utilizing synthetic intelligence. The system generates customized journey itineraries based mostly on person preferences equivalent to vacation spot, funds, dates, and journey model, permitting customers to plan advanced journeys inside seconds.
AI journey planners sometimes create day-by-day itineraries, advocate points of interest, and combine reserving choices for flights, accommodations, and actions in a single unified platform.
Tripzio is a complete, production-ready journey platform constructed with React 18, TypeScript, Tailwind CSS, and Supabase. It combines AI-powered itinerary era, a full multi-vendor market, subscription billing, and a strong admin panel right into a single deployable software. Whether or not you’re constructing a journey startup, a tour aggregator, or a white-label reserving answer, Tripzio provides you every part out of the field.
Stay Demo
Demo URL: https://tripzio.wrapcoders.com
Admin: [email protected] / Admin123!
Information: [email protected] / Guide123!
Consumer: [email protected] / User123!
Key Highlights
- AI Itinerary Generator — Vacationers enter a vacation spot, dates, funds, and pursuits, and the platform generates an in depth day-by-day itinerary utilizing built-in AI fashions (Google Gemini & OpenAI GPT). Itineraries embrace actions, estimated prices, and an interactive map view.
- Multi-Vendor Market — Motels, flights, automotive leases, tour packages, and native guides are all managed by unbiased service suppliers. Every supplier has a devoted dashboard with earnings monitoring, fee tiers, and itemizing administration.
- Full Admin Panel — An entire back-office with person administration, income analytics, supplier verification, fee configuration, weblog CMS, e-newsletter campaigns, promo codes, search engine marketing settings, authorized pages editor, multi-language/translation administration, and platform branding customization.
- Subscription & Fee System — Stripe and PayPal integration with configurable subscription plans (Free, Professional, Enterprise), utilization limits, fee reductions, and full billing historical past.
- Function-Based mostly Entry Management — Three roles (Admin, Moderator, Consumer) saved in a devoted
user_rolesdesk with PostgreSQL Row-Degree Safety (RLS) insurance policies and aSECURITY DEFINERhelper operate to forestall privilege escalation.
Know-how Stack
| Layer | Know-how |
|---|---|
| Frontend | React 18, TypeScript, Vite 5 |
| Styling | Tailwind CSS 4, shadcn/ui, Framer Movement |
| Backend | Supabase (PostgreSQL, Auth, Edge Features, Storage, Realtime) |
| Funds | Stripe Checkout + Webhooks, PayPal REST API |
| AI Fashions | Google Gemini 2.5, OpenAI GPT-5 (by way of Edge Features) |
| Maps | Leaflet + React Leaflet |
| Charts | Recharts |
| State | TanStack React Question v5 |
| Types | React Hook Kind + Zod validation |
| Wealthy Textual content | React Quill |
| PDF Export | jsPDF |
Full Function Checklist
Traveler Options
- AI-powered journey planning with day-by-day itineraries
- Interactive itinerary map with route visualization
- Lodge search, filtering, and reserving
- Flight search with airline particulars, stops, and sophistication filters
- Automobile rental looking with class, gasoline kind, and transmission filters
- Tour bundle discovery with highlights, inclusions, and problem ranges
- Native information hiring with availability calendars, specialties, and evaluations
- Wishlist system throughout all itemizing sorts (accommodations, flights, automobiles, excursions, guides)
- Reserving affirmation with PDF export
- Journey sharing by way of distinctive share tokens
- Overview and score system for all companies and guides
- Promo code redemption at checkout
- Reserving historical past with standing monitoring
- Profile administration (avatar add with picture compression, bio, contact data)
- GDPR knowledge export (JSON) and account deletion
- Cookie consent banner with granular preferences
- Publication subscription
Service Supplier Options
- Devoted supplier registration and onboarding
- Supplier dashboard with earnings overview, fee breakdown, and payout historical past
- Itemizing administration for accommodations, flights, automobiles, and tour packages
- Featured picture add with drag-and-drop and picture compression
- Income charts with month-to-month/yearly views
- Reserving administration and standing updates
- Fee tier system — charges lower as income grows
Native Information Options
- Information registration with specialties, languages, expertise, and hourly price
- Reserving calendar with pending/confirmed/accomplished views
- Earnings chart and profile abstract widget
- Overview administration and score show
- Availability toggle
Admin Panel Options
- Dashboard: Actual-time stats — whole customers, bookings, income, lively suppliers, subscription distribution
- Consumer Administration: Checklist all customers, assign/revoke roles (admin, moderator, person), droop accounts, create customers by way of Edge Perform
- Income Analytics: Transaction logs, fee earned, supplier payouts, filterable by date vary and supplier kind
- Listings Administration: CRUD for accommodations, flights, automobiles, and tour packages with publish/unpublish controls
- Information Administration: Approve/reject guides, view profiles and evaluations
- Subscription Plans: Create and edit plans with pricing (month-to-month/yearly), function lists (JSON), utilization limits, and fee reductions
- Fee Tiers: Configure tiered fee charges per supplier kind with min/max income thresholds
- Promo Codes: Create low cost codes (proportion or fastened), set validity durations, utilization limits, minimal order quantities, and relevant service sorts
- Weblog CMS: Wealthy-text weblog editor with classes, excerpts, featured photos, slug administration, and publish/draft controls
- Publication Supervisor: Compose and ship HTML e-mail campaigns to all subscribers by way of Edge Perform with supply monitoring
- Bulletins: Create platform-wide banners with kind (data, warning, success), expiry dates, and lively/inactive toggle
- Authorized Pages: WYSIWYG editor for Phrases of Service, Privateness Coverage, and customized authorized pages with last-updated labels
- search engine marketing Supervisor: Per-page meta titles, descriptions, and OG picture URLs for all public routes
- Language Supervisor: Add languages, set default, toggle lively standing, configure RTL route
- Translation Supervisor: Namespace-based translation keys with completeness monitoring per language and auto-translate by way of AI Edge Perform
- Forex Supervisor: Configure supported currencies with trade charges and symbols
- Fee Settings: Toggle Stripe/PayPal, configure API keys and webhook secrets and techniques
- Branding & Theming: Model colour picker (auto-derives full HSL palette for gentle/darkish modes), heading & physique font choice (5 Google Fonts), border radius slider, website title, tagline, hero textual content, and auth web page customization
- Documentation: Constructed-in docs hyperlink opens a standalone HTML documentation website
Safety & Authentication
- E-mail/password authentication with e-mail verification
- Password reset circulate with devoted reset web page
- Row-Degree Safety (RLS) on each database desk
- Function-based entry by way of
SECURITY DEFINERoperate — no client-side function checks - Separate
user_rolesdesk (by no means saved on profiles) - Protected routes with auth guards and role-based redirects
- GDPR-compliant knowledge export and account deletion by way of Edge Perform
- Cookie consent with configurable preferences
- Secret keys saved as setting variables, by no means in supply code
Internationalization
- Multi-language assist with database-driven translations
- RTL format assist for Arabic, Hebrew, and so forth.
- Language switcher within the header
- AI-powered auto-translation by way of Edge Perform
- Translation completeness monitoring per language
- Namespace-based key group
Theming & Design System
- Mild and darkish mode with system desire detection
- Admin-configurable model colour that auto-generates a full HSL palette (main, secondary, accent, ring, sidebar tokens)
- 5 selectable Google Fonts for headings and physique textual content
- Configurable border radius
- Semantic CSS customized properties all through — totally tokenized design system
- shadcn/ui element library with customized variants
- Framer Movement animations on hero part and web page transitions
- Totally responsive from cell (360px) to ultrawide (2560px+)
Edge Features (Serverless Backend)
| Perform | Goal |
|---|---|
generate-itinerary |
AI itinerary era utilizing Gemini/GPT fashions |
create-checkout |
Stripe Checkout session creation |
stripe-webhook |
Stripe occasion processing (subscription lifecycle) |
paypal-checkout |
PayPal order creation |
paypal-capture |
PayPal fee seize |
paypal-webhook |
PayPal IPN/webhook dealing with |
admin-create-user |
Admin person creation with function project |
gdpr-actions |
Knowledge export and account deletion |
send-newsletter |
Bulk e-mail marketing campaign supply |
auto-translate |
AI-powered translation for i18n keys |
setup-check |
First-run setup wizard validation |
Database Schema (25+ Tables)
Totally normalized PostgreSQL schema together with:
profiles— Consumer profiles with avatar, bio, locationuser_roles— Function assignments (admin, moderator, person)journeys— Saved journeys with AI-generated itineraries (JSON)hotel_listings,flight_listings,vehicle_listings,tour_packages— Multi-vendor stocklocal_guides— Information profiles with specialties and pricingguide_bookings,guide_reviews— Reserving and evaluation systemlisting_reviews— Common evaluation system for all itemizing sortsservice_providers— Supplier accounts with fee monitoringmarketplace_transactions— Full transaction ledgercommission_tiers— Tiered fee configurationpayouts— Supplier payout informationsubscription_plans,user_subscriptions,subscription_events— SaaS billingplatform_settings— Key-value configuration retailerlegal_pages,page_seo— CMS content materialblog_posts— Weblog CMSbulletins,notifications— Communicationnewsletter_subscribers,newsletter_campaigns— E-mail advertising and marketingpromo_codes— Low cost systemwishlists— Saved objectslanguages,translations— i18n systemsupported_currencies— Multi-currency assist
Fast Begin
- Clone the repository
- Run
npm set up - Configure your Supabase challenge URL and anon key in
.env - Run database migrations (
supabase db push) - Deploy Edge Features (
supabase features deploy) - Run
npm run devto start out improvement - Full the first-run Setup Wizard to create the admin account
- Construct for manufacturing with
npm run construct
Documentation
An entire standalone documentation website is included within the docs/ listing protecting set up, structure, database schema, RLS insurance policies, Edge Perform API reference, function guides, theming, i18n, troubleshooting, and the complete v1.0.0 changelog.
What’s Included
- Full React + TypeScript supply code
- All Supabase migrations and Edge Features
- Standalone HTML documentation
- Manufacturing-ready Vite construct configuration
- shadcn/ui element library (40+ elements)
- Responsive design for all display screen sizes
- Darkish mode assist
- search engine marketing optimized with meta tags, JSON-LD prepared, semantic HTML
Changelog
v1.0.0 — Preliminary Launch (March 2026)
- Full journey platform with AI itinerary era
- Multi-vendor market (accommodations, flights, automobiles, excursions, guides)
- Full admin panel with 15+ administration modules
- Stripe & PayPal fee integration
- Subscription billing with tiered plans
- Function-based entry management with RLS
- Multi-language assist with auto-translation
- Dynamic theming with model colour derivation
- GDPR compliance (knowledge export, account deletion, cookie consent)
- Weblog CMS, e-newsletter system, promo codes
- Complete documentation
Assist
In case you have questions or want help, please use the feedback part on the merchandise web page. We sometimes reply inside 24 hours.



