Frontend
React 19, TypeScript, Vite 8, Tailwind CSS 4, TanStack React Query, React Router 7, React Hook Form, Zod validation and Lucide React icons power the responsive PWA interface.
Back To Portfolio
Travel Technology / SaaS
Advanced MVP
Tourva
Tourva is an advanced MVP travel creative and operations platform that brings package management, group-flight inventory, agency branding and multi-format campaign production into one organized workspace.
Core agency workflows, creative generation, package and flight inventory, billing controls, administration and PWA support are operational. Remaining work is focused on production deployment, live integrations and launch hardening.
Feature Completion
90%
Launch Readiness
75%
My Role
Product architect, UI/UX designer, full-stack engineering lead and technical case-study writer
Purpose
Travel creative and operations platform built for travel agencies, tour operators and Umrah businesses.
Business Problem
Why this product exists.
Travel agencies commonly receive package and fare information through PDFs, WhatsApp messages, spreadsheets and supplier images. Teams repeatedly rewrite the same information for social posts, WhatsApp statuses, customer PDFs and internal records, creating inconsistent branding, outdated rates, spelling errors and slow campaign production.
Objectives
What the system is designed to achieve.
Centralize package, fare, hotel, visa and flight information into structured records.
Turn one package or fare record into multiple campaign formats.
Preserve agency branding through reusable brand kits.
Keep package and flight data searchable for agency teams.
Store fare rules, seat availability, baggage, meals and policy data in structured fields.
Support both travel and Umrah agency workflows.
Separate creative rendering from main agency and billing operations.
System Architecture
How the product is structured.
Backend
PHP 8.3+ and Laravel 13 provide the REST API, Sanctum authentication, workspace authorization, Eloquent models, migrations and queue-ready rendering workflow.
Authentication
Laravel Sanctum secures API access for agency workspaces, owners, managers and administration flows.
Authorization
Workspace-based authorization scopes package, fare, brand, billing and rendering access to the correct agency account.
Database
MySQL persists agencies, workspaces, users, plans, payments, packages, fares, hotels, visas, brand kits, render requests and operational records.
Business Logic
Validated data contracts keep package, fare and creative rendering inputs consistent before templates generate customer-facing outputs.
Creative Rendering Engine
A Node.js 24 TypeScript renderer uses Puppeteer Core, Sharp, PDF-Lib, Zod contracts, HTML/CSS templates and Pino logging to produce PNG, WhatsApp Status and PDF outputs.
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
Node Rendering Service
Instagram Portrait
WhatsApp Status
Customer PDF
Planned Ecosystem Role
Tourva
Travel agency campaigns
Umrah package workflows
Group ticketing operations
Future Cyber Edge travel products
These integrations are planned unless explicitly described elsewhere as completed.
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.
Laravel REST API
Selected for authentication, workspace authorization, Eloquent persistence, migrations and maintainable SaaS operations.
Node rendering service
Separated from the main API so creative generation can evolve independently from package, billing and agency operations.
Shared TypeScript contracts
Used to keep rendering inputs, frontend forms and creative templates aligned around validated data structures.
Progressive Web App
Selected so agency teams can install Tourva and continue using key interface patterns with offline support.
Frontend
React 19
TypeScript
Vite 8
Tailwind CSS 4
TanStack Query
React Router 7
React Hook Form
Zod
Lucide icons
Backend
PHP 8.3+
Laravel 13
Laravel Sanctum
MySQL
REST APIs
Creative Rendering Engine
Node.js 24
TypeScript
Puppeteer Core
Sharp
PDF-Lib
Pino
Zod
Architecture and Tooling
Monorepo with npm workspaces
Shared contracts and templates
PHPUnit
Vitest
Testing Library
Laravel Pint
Oxlint
Database Design
Important entities and relationships.
Workspace records represent agency accounts and isolate agency data.
Users belong to workspaces and receive owner or manager responsibilities.
Subscription plans, reported payments, payment references and status records control agency access after payment recording.
Package records store holiday, international tour and Umrah offer data.
Hotel and room-rate records support Makkah and Madinah comparisons.
Visa and hotel rate-list records keep customer-facing rate data structured.
Flight inventory records store sectors, flight numbers, dates, times, airport codes, baggage, meals, fares, seats, refund rules and change rules.
Brand kit records store agency colors, identity and contact information.
Render request records connect validated travel data to creative templates and generated outputs.
Core Modules
Feature groups that define the product workflow.
Modules are grouped by business responsibility so the product remains understandable and easier to extend.
Generation Studio
Package Catalogue
Flight Inventory
Umrah Package Builder
Visa and Hotel Rate Lists
Brand Kit
Integrations
Billing and Subscription Management
Super-Admin Operations
Rendering Engine
Holiday and International Tour Packages
Single-option and Multi-option Umrah Packages
Makkah and Madinah Hotel Comparisons
Group-flight Inventory Management
Instagram Portrait Generation
WhatsApp Status Generation
Customer-ready PDF Generation
Progressive Web App Installation
Offline Support
Secure API Authentication
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.
Validation
React Hook Form, Zod and backend validation protect complex package, fare and rendering data contracts.
Data protection
Payment references, agency account details and operational data are handled through protected application workflows.
Role control
Owner and manager roles separate agency responsibilities, while only super administrators can create or modify subscription plans.
Rendering safety
Reusable templates and validated render contracts reduce malformed creative generation inputs.
API security
Secure API authentication and workspace-scoped access protect travel inventory and campaign generation workflows.
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 Instagram, WhatsApp Status and PDF outputs without manually rebuilding each design.
Separating the rendering engine from the Laravel API so creative templates can evolve independently.
Maintaining honest public presentation without using missing screenshots, fake metrics or undeclared deployment 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
Product Overview
Tourva is a travel creative and operations platform built for travel agencies, tour operators and Umrah businesses. It brings package management, group-flight inventory, agency branding and multi-format campaign production into one organized workspace.
02
Industry Problem
Travel agencies commonly receive package and fare information through PDFs, WhatsApp messages, spreadsheets and supplier images. Teams repeatedly rewrite the same information for social posts, WhatsApp statuses, customer PDFs and internal records. This creates inconsistent branding, outdated rates, spelling errors and slow campaign production.
03
Cyber Edge Solution
Cyber Edge Solutions designed Tourva so one structured package or fare record can become reusable branded campaign outputs. The platform keeps package and flight data searchable, preserves agency branding and helps teams revise offers without rebuilding every creative manually.
04
Completed Capabilities
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
Direct and connecting flight support
Seat availability, baggage, fare and route management
Agency brand-kit management
Social post, WhatsApp and PDF generation
Billing plans and manual payment records
Super-admin monitoring
Progressive Web App and offline support
Responsive public website, login and dashboard
05
Technology Stack
Frontend: React 19, TypeScript, Vite 8, Tailwind CSS 4, TanStack Query, React Router 7, React Hook Form, Zod and Lucide icons.
Backend: PHP 8.3+, Laravel 13, Laravel Sanctum, MySQL and REST APIs.
Rendering Engine: Node.js 24, TypeScript, Puppeteer Core, Sharp, PDF-Lib, Pino and Zod.
Architecture and Testing: Monorepo with npm workspaces, shared contracts and templates, PHPUnit, Vitest, Testing Library, Laravel Pint and Oxlint.
06
Product Completion Status
Core agency workflows, creative generation, package and flight inventory, billing controls, administration and PWA support are operational. Remaining work is focused on production deployment, live integrations and launch hardening.
90% feature-complete as an advanced MVP.
75% ready for production launch.
Not presented as 100% complete or publicly deployed.
07
Remaining Production Roadmap
Production hosting, domain, CDN and object storage
Live payment gateway and webhook integration
Airline, GDS and supplier integrations
Email verification, password recovery and notifications
Cloud rendering and queue scaling
Monitoring, automated backups and analytics
Security audit, load testing and final UAT
Privacy policy, terms and launch documentation
08
Interface Screenshots
The current case study uses the genuine Tourva homepage cover available in the Cyber Edge website assets. Additional interface screenshots can be added when approved for public display.
09
Final CTA
Travel agencies and founders building similar operational platforms can contact Cyber Edge Solutions to discuss architecture, workflows, launch readiness and product delivery.
Screenshots
Product interface evidence.
The current website uses the genuine Tourva homepage cover available in the Cyber Edge image library. Additional interface screenshots can be added later when they are approved for public display.
Technical Achievements
Designed and developed an advanced MVP travel creative operations SaaS.
Implemented the core agency workflows for registration, workspaces, package data, flight inventory, brand kits and campaign generation.
Separated React frontend, Laravel API and Node rendering responsibilities.
Built creative generation around reusable templates and validated data contracts.
Prepared the product for launch hardening without claiming public deployment.
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.
Direct and connecting flight support.
Seat availability, baggage, fare and route management.
Agency brand-kit management.
Social post, WhatsApp and PDF generation.
Billing plans and manual payment records.
Super-admin monitoring.
Progressive Web App and offline support.
Responsive public website, login and dashboard.
Future Roadmap
Production hosting, domain, CDN and object storage.
Live payment gateway and webhook integration.
Airline, GDS and supplier integrations.
Email verification, password recovery and notifications.
Cloud rendering and queue scaling.
Monitoring, automated backups and analytics.
Security audit, load testing and final UAT.
Privacy policy, terms and launch documentation.
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.