Meama.ge Self-Service Kiosk
React-based self-service kiosk application enabling automated product purchasing and dispensing with comprehensive payment gateway integration.
Key Features
- Multi-payment gateway integration (Credit cards, Apple Pay, Google Pay, Crypto)
- Hardware integration for real-time inventory management and product dispensing
- Transaction receipt generation with PDF export
- Bilingual UI (English/Georgian) with i18next
- Real-time transaction polling and validation
- Touch-optimized interface with Framer Motion animations
Project Overview
React-based self-service kiosk application enabling automated product purchasing and dispensing with comprehensive payment gateway integration. Supports multiple payment methods including credit cards (Visa, Mastercard), digital wallets (Apple Pay, Google Pay), and cryptocurrency (Litecoin, Tether). Features hardware integration for real-time inventory management and product dispensing, transaction receipt generation with PDF export, and bilingual UI (English/Georgian). Implements state management with MobX, API polling for transaction validation, and responsive design optimized for kiosk touchscreen interfaces.
Tech Stack
- Frontend: React 18, MobX for state management
- Animations: Framer Motion for smooth transitions
- Internationalization: i18next (en/ka)
- API Communication: Axios with real-time polling
- Document Generation: HTML2Canvas + jsPDF for receipts
Key Features
Payment Integration
- Credit Cards: UFC payment gateway (Visa, Mastercard)
- Digital Wallets: Apple Pay, Google Pay
- Cryptocurrency: Litecoin, Tether support
- Real-time transaction validation and status monitoring
Hardware Integration
- Direct hardware API integration for product dispensing
- Real-time inventory management
- Transaction status monitoring and validation
User Experience
- Touch-optimized interface designed for kiosk touchscreens
- Animation-driven state transitions with Framer Motion
- Comprehensive loading states and error handling
- PDF receipt generation with export functionality
- Multi-language support with dynamic translation switching
Technical Highlights
- State Management: MobX for reactive state handling across payment flows
- API Polling: Real-time transaction validation with automated status checks
- Error Handling: Robust error recovery and user feedback system
- Responsive Design: Optimized for various kiosk screen sizes
- Performance: Efficient rendering and state updates for smooth kiosk operation