As a developer with a deep appreciation for local culinary culture, I created Lokabirin — a Progressive Web App (PWA) built with Laravel, Livewire, and Tailwind CSS — to streamline in-store food ordering for local cafes and warungs (small eateries).

🚀 Project Goals:

• Replace physical menus with a digital interface

• Simplify ordering with a customer-friendly UI

• Provide staff with a lightweight admin dashboard

• Enable offline support and mobile-first experience via PWA

🔧 Tech Stack:

• Laravel 10 – backend + routing

• Livewire – reactive components without writing any JavaScript

• Tailwind CSS – utility-first UI styling

• LaravelPWA – to enable add-to-home-screen and offline experience

• Alpine.js – for simple interactivity

• Canvas Confetti – for delightful post-order animation 🎉

📲 Key Features:

• 🪑 Table-based ordering system

• 🍛 Menu browsing with pagination

• 🛒 Cart management with quantity control

• ✅ Beautiful “Thank You” page with confetti & auto-redirect

• 📱 PWA-enabled: can be installed on devices like an app

• 🔐 Admin dashboard to manage orders, reports, and products

✨ Demo Preview:

🖼️ Demo (under construction)

💡 Lessons Learned:

• How to properly register and debug a Service Worker in Laravel

• Managing Livewire state across dynamic routes

• Customizing layouts to differentiate admin vs customer interfaces

• Handling pagination, cart persistence, and flash messaging seamlessly

✨ Github:

https://github.com/awandha/lokabirin