Panther Petrol
Panther Petrol is a mobile application that modernizes fuel voucher creation, validation, and tracking for energy sector clients. Built to replace outdated manual processes, it provides a secure, real-time digital system integrated with Microsoft Dynamics.
The app serves four distinct user roles:
- Administrators – Panther Petrol staff who oversee stations, clients, vehicles, drivers, and transactions
- Station attendants – validate vouchers, confirm balances, and register fuel dispatches
- Client companies – register approved drivers and vehicles, generate vouchers for station redemption
- Drivers – present vouchers at stations via unique QR codes that attendants scan to initiate dispatch
Previously managed through manual processes and reconciled by accounting departments, Panther Petrol transforms the entire workflow into a digital-first experience that reduces errors, improves communication, and strengthens budget control.
🧩 Key Features
- Voucher Management: Complete lifecycle from creation and approval to redemption
- QR Code Integration: Secure voucher redemption through scannable codes
- Comprehensive Data Capture: Vehicle details, driver information, fuel type, gallons, amounts, timestamps
- Evidence Collection: Photo capture (fuel pump, license plates) and digital driver signatures
- Real-time Validation: Automatic balance checking to prevent credit overages
- Fraud Prevention: Driver and vehicle verification against approved lists
- Cross-platform Design: Light and dark modes with unified design system
- Multi-deployment: iOS and Android apps, plus internal administrator distribution
💡 Technical Stack
- Frontend: React Native for cross-platform mobile development
- Middleware: Node.js REST API with JWT authentication
- Backend Integration: Microsoft Dynamics for users, clients, and voucher management
- Data Storage: SQL Server (Dynamics), MySQL (image storage), Redis (caching)
- Security: End-to-end SSL encryption
- CI/CD: GitHub Actions for test deployments with manual production releases
🚀 Development Process
Timeline: Delivered first functional version in 3 weeks, with iterative development over 3 months to client release.
My Role: Lead mobile developer, built initial middleware prototype, and contributed to production middleware architecture.
Technical Challenges Solved:
- Enforced camera-only photo uploads (gallery uploads disabled for security)
- Implemented responsive digital signature capture using a canvas component
- Successfully integrated with Microsoft Dynamics (first-time implementation)
📊 Business Impact
- Immediate Visibility: Real-time dispatch information availability
- Enhanced Control: Stronger budget oversight for client companies
- Reduced Fraud: Significant decrease in unauthorized fuel dispatches
- Improved Auditing: Complete evidence trail with photos and digital signatures
- Better Communication: Streamlined workflows between stations, clients, and administrators
🎯 Portfolio Showcase
Panther Petrol demonstrates my ability to deliver enterprise-grade applications that solve real business problems. This project highlights both technical expertise across the full stack and the business acumen to transform manual processes into efficient digital solutions.
Key Takeaways: React Native proficiency, API integration, database architecture, security implementation, and successful client delivery under tight timelines.
🚀 Developed by César Clavería.