Next-Generation B2B Flight Booking & Agency Management Platform
FlyGasal is a comprehensive travel technology solution designed to bridge the gap between flight suppliers (like PKFare) and travel agencies. It features a dual-interface system: a Client Portal for agents to book flights and manage wallets, and a robust Admin Dashboard for operational oversight, financial auditing, and user management.
The platform focuses on a "World-Class" UI/UX, utilizing a clean Bento Grid layout, smooth transitions, and a distinctive Orange (#EB7313) brand identity.
- Flight Search & Booking: Real-time availability searching with complex filtering (Stops, Airlines, Price).
- Digital Wallet System: Secure top-up requests and instant wallet payments for bookings.
- Itinerary Management: Detailed booking history with status tracking (Issued, Pending, Cancelled).
- E-Ticket Generation: One-click PDF ticket generation with QR codes.
- Responsive Design: Fully optimized mobile and desktop experience.
- Command Center: High-level analytics with Sales Charts (Chart.js) and financial trends.
- User Management: Full CRUD for users with Role-Based Access Control (Admin, Agent, Client).
- Financial Auditing:
- Transaction logs with filtering and export (Excel/CSV).
- Wallet approval/rejection workflows.
- Automated invoice generation.
- System Configuration: Manage API keys (PKFare), SMTP settings, and notification preferences via a GUI.
- Framework: React 18
- Build Tool: Vite
- Styling: Tailwind CSS (Custom config with Brand Orange
#EB7313) - Icons: Lucide React & Heroicons
- Charts: Chart.js & React-Chartjs-2
- Animations: Framer Motion & Canvas Confetti
- PDF/Excel: jsPDF & XLSX
- State Management: Context API
- Framework: Laravel (PHP)
- Database: MySQL
- Authentication: Sanctum / JWT
| Admin Dashboard | User Management |
|---|
| Bento Grid Analytics | Advanced Filtering & Actions |
| Booking Confirmation | Wallet System |
|---|
| Digital Ticket UI | Top-up & Deduction Flow |
- Node.js (v16+)
- PHP (v8.1+)
- Composer
- MySQL