Frontend
React, TypeScript and Vite power the responsive operational interface for agency workspaces, package records, flight inventory, brand assets, creative generation and output management.
Back To Portfolio
SaaS / Travel Technology / Creative Automation
Live in Production
Tourva
Tourva is a multi-tenant SaaS platform built for travel and Umrah agencies. It brings package management, flight inventory, brand controls, social creatives, customer-ready PDFs, short-form video production, subscriptions and agency operations into one secure workspace.
My Role
Product architect, UI/UX designer, full-stack engineering lead and technical case-study writer
Purpose
Live travel creative operations SaaS built for travel and Umrah agencies to convert verified travel data into reusable social, document and video campaign outputs.
Business Problem
Why this product exists.
Tourva replaces fragmented spreadsheets, supplier PDFs, manual poster design and disconnected agency workflows with one structured production system. Agencies can manage holiday packages, Umrah offers, visa and hotel rates, group and one-way flight inventory, brand assets, content, social campaigns, PDFs and videos without repeatedly entering the same information.
Objectives
What the system is designed to achieve.
Turn fragmented agency data into one operational system.
Reduce repeated creative-production work.
Maintain consistent agency branding across social, document and video outputs.
Support travel, Umrah and group-ticketing workflows.
Produce reusable social, WhatsApp, PDF and video outputs from structured data.
Protect private agency workspaces with role-based access and workspace isolation.
Run as a live SaaS product with subscription, billing and administration controls.
System Architecture
How the product is structured.
Backend
Laravel API services provide authentication, workspace sessions, business logic, Eloquent persistence and queue-backed generation workflows.
Authentication
Laravel Sanctum secures API access for agency workspaces, owners, managers and administration flows.
Authorization
Workspace-based authorization scopes package, fare, brand, billing, media, rendering and output access to the correct agency account.
Database
MySQL persists agencies, workspaces, users, roles, plans, usage limits, billing records, packages, fares, hotels, visas, brand kits, media assets, render requests, generation history and operational records.
Business Logic
Validated data contracts keep package, fare, PDF, creative and video inputs consistent before generation workflows run.
Rendering Engine
Node.js rendering services and queue workers handle automated image, PDF and video production outside the main application request cycle.
Deployment
Tourva is deployed using GitHub version control, Laravel Forge and Hetzner cloud infrastructure.
Architecture Flow
How context moves through the system.
The flow is documented as architecture, not as a fabricated product screenshot.
Product Flow
Agency Workspace
Verified Travel Data
Package or Fare Record
Brand Kit
Generation Studio
Validated Render Contract
Queue Worker
Node Rendering Service
Social Output
WhatsApp Output
Customer PDF
Video Output
Technology Stack
Why each technology was selected.
React and TypeScript
Selected because Tourva needs a responsive, form-heavy operational interface with searchable records and clear validation.
Vite
Selected for fast frontend builds and a modern production asset pipeline.
Laravel API backend
Selected for authentication, business rules, queues, migrations, Eloquent models and maintainable SaaS operations.
Laravel Sanctum
Selected for secure workspace sessions between the React frontend and Laravel API.
MySQL
Selected for relational agency, inventory, billing, content and generation-history data.
Node.js rendering services
Separated from the main API so image, PDF and video generation can evolve independently from agency, package and billing operations.
Background queue workers
Used so rendering and media production can run outside request-response flows.
Forge and Hetzner
Used for production deployment and server infrastructure for the live SaaS product.
Frontend
React
TypeScript
Vite
Backend
Laravel API backend
Laravel Sanctum
MySQL
Background queue workers
Rendering and Media
Node.js rendering services
Automated image production
Automated PDF production
Automated video production
Deployment and Tooling
Laravel Forge deployment
Hetzner cloud infrastructure
GitHub version control
Database Design
Important entities and relationships.
Workspace records represent agency accounts and isolate agency data.
Users belong to workspaces and receive role-based access responsibilities.
Subscription plans, usage limits, billing records and payment references support commercial SaaS controls.
Package records store holiday, international tour and Umrah offer data.
Visa, hotel and rate-list records keep customer-facing rate data structured.
Flight inventory records store group and one-way fares, direct and connecting routes, dates, times, baggage, meals, seats and fare policies.
Brand kit and media library records store agency logos, colors, assets and identity data.
Generation history records preserve creative, PDF and video requests, retries, status, outputs and operational metadata.
Payment reporting records support receipt upload, super-admin verification, rejection and subscription state changes.
Core Modules
Feature groups that define the product workflow.
Modules are grouped by business responsibility so the product remains understandable and easier to extend.
Agency Dashboard
Multi-Tenant Agency Workspaces
Package Catalogue
Flight Inventory
Umrah Package Builder
Visa and Hotel Rate Lists
Generation Studio
Video Production Workflows
Content Library
Brand Kit
Social Output Generation
WhatsApp Output Generation
Customer PDF Generation
Subscription Plans
Usage Limits
Manual Payment Reporting
Super-Admin Payment Verification
Agency Suspension Controls
Queue-Based Rendering
Background Processing
Security
Security decisions are part of the product design.
Authentication
Laravel Sanctum protects API access for agency and administrative workflows.
Authorization
Workspace-based authorization keeps agency records, brand kits, inventory and generated outputs scoped to the right account.
Role control
Agency users operate through role-based access while super-admin controls remain separated from agency workflows.
Super-admin protection
Mandatory two-factor authentication protects the super-admin account responsible for payment verification and platform controls.
Billing control
Manual payment reporting supports receipt uploads, while super administrators can verify, reject, suspend, cancel and reactivate agency access.
Data protection
Payment references, agency account details and operational data are handled through protected application workflows.
Rendering safety
Validated render requests reduce malformed creative, PDF and video generation inputs.
File handling
Secure file handling and workspace scoping keep agency media libraries and generated outputs private to the correct agency.
Engineering Challenges
Problems that shaped the technical decisions.
Modeling travel package, hotel, visa and flight data without flattening important fare rules into unreliable text.
Supporting both holiday travel and Umrah agency workflows in the same operational product.
Turning one verified record into social creatives, WhatsApp designs, PDFs and videos without rebuilding each output manually.
Separating rendering and media workflows from the Laravel API so image, PDF and video generation can evolve independently.
Designing subscription and manual-payment controls that fit realistic agency payment behavior.
Maintaining honest public presentation without fake metrics, testimonials or exaggerated completion claims.
Detailed Case Study
Engineering notes from product vision to production readiness.
This section is intentionally explicit so technical reviewers can evaluate architecture, tradeoffs, security and remaining work.
01
The Challenge
Travel agencies often run campaigns from spreadsheets, supplier PDFs, WhatsApp messages and manually edited poster files. The same package or fare information gets rewritten across social posts, WhatsApp statuses, PDFs, videos and internal records, creating repeated work, inconsistent branding, outdated rates and avoidable mistakes.
02
The Solution
Cyber Edge Solutions designed and developed Tourva as one structured production workspace. A verified package, fare, hotel, visa or brand record can be reused across social creatives, WhatsApp content, customer PDFs and video workflows without repeatedly entering the same information.
03
Core Platform
Multi-tenant agency workspaces
Agency dashboard and activity overview
Holiday, Umrah, visa, hotel and flight inventory
Group and one-way flight management
Generation Studio for branded travel campaigns
Social, WhatsApp, PDF and video outputs
Content library and brand-kit management
Queue-based rendering and background processing
04
Security and Billing
Secure API authentication
Workspace-based agency isolation
Role-based agency access
Usage limits and subscription plans
Manual payment reporting with receipt upload
Super-admin payment verification and rejection
Agency suspension, cancellation and reactivation controls
Mandatory two-factor authentication for the super admin
05
Technology
Laravel API backend
React and TypeScript frontend
Vite production build pipeline
MySQL persistence
Node.js rendering services
Background queue workers
Automated image, PDF and video production
GitHub version control
06
Production Deployment
Tourva is deployed and publicly available at gettourva.com. The production setup uses Laravel Forge, Hetzner cloud infrastructure and GitHub version control. The product is live, but it will continue to evolve through ongoing hardening, integrations and feature improvements.
Screenshots
Product interface evidence.
This case study uses a direct screenshot captured from the live Tourva production website at gettourva.com.
Technical Achievements
Designed and engineered a specialized travel creative operations SaaS around real agency workflows in Pakistan.
Implemented live agency workspaces, package data, flight inventory, brand assets, subscriptions, usage limits and platform administration.
Built social, WhatsApp, customer PDF and video-production workflows around reusable structured data.
Separated React frontend, Laravel API, Node rendering and media-processing responsibilities.
Deployed Tourva as a public production SaaS product using GitHub, Laravel Forge and Hetzner infrastructure.
Completed
Secure agency registration and authentication.
Private multi-user agency workspaces.
Role and permission management.
Holiday and Umrah package builders.
Visa and hotel rate-list management.
Group and one-way flight inventory.
Agency dashboard and activity overview.
Agency brand-kit management.
Social, WhatsApp, PDF and video output workflows.
Generation history, retries and output management.
Billing plans and manual payment records.
Usage limits and subscription controls.
Receipt upload and manual payment reporting.
Super-admin payment verification and rejection.
Agency suspension, cancellation and reactivation controls.
Mandatory super-admin two-factor authentication.
Queue-based rendering and background processing.
Production deployment at gettourva.com.
Future Roadmap
Continue product hardening as live agency usage grows.
Expand provider integrations when commercial credentials and plans are selected.
Improve analytics, reporting and operational monitoring.
Scale rendering workers as output volume increases.
Add additional creative templates and campaign formats.
Project Discussion
Want to discuss a product with similar complexity?
Share your business problem and I will help identify the right architecture, workflow and delivery path.