Crave Kape: Built a Full-Stack Restaurant Ordering System with Multi-Payment Integration

The Challenge

Crave Kape needed a modern ordering system to replace their manual phone/paper process. Key requirements:

• Multi-payment gateways (PayPal, GCash, Maya, credit cards)
• Real-time order tracking from kitchen to delivery
• Admin dashboard for sales analytics and inventory

Technical Implementation

Frontend:

• React.js + Redux for state management
• Custom SVG order progress animations
• Responsive layout with touch-friendly cart UI

Backend:

• Node.js + Express API
• MongoDB for order/account data
• WebSockets for live kitchen updates

Key Features:
✅ Smart Cart System

• Saves incomplete orders in localStorage

✅ Payment Flow

• Unified API handling 4 payment methods
• GCash/Maya deep linking for mobile users

✅ Kitchen Dashboard