[{"data":1,"prerenderedAt":37},["ShallowReactive",2],{"craft-dinetap-admin":3},{"id":4,"slug":5,"sourceId":5,"title":6,"subtitle":7,"description":8,"github":9,"technologies":10,"features":24,"lastModified":32,"imagesPath":33,"imagesFolder":34,"imagesCount":35,"images":36,"imageType":9,"note":9,"showLinks":9,"githubLabel":9,"links":9,"previewSource":9,"previewMediaType":9},3,"dinetap-admin","Dinetap Admin Dashboard","Full-stack internal operations and financial analytics dashboard for restaurant payments.","Full-stack internal admin dashboard for restaurant payment operations across Singapore and Australia. I contributed across both the Next.js 14 frontend and Express.js backend - owning Adyen payment features, surcharge systems, business intelligence dashboards, and platform-wide performance improvements.",null,[11,12,13,14,15,16,17,18,19,20,21,22,23],"Next.js","Express.js","TypeScript","MySQL","Sequelize","Redux Toolkit","TanStack Query","nuqs","Tailwind CSS","Playwright","Jest","AWS","Supabase",[25,26,27,28,29,30,31],"Owned the Adyen transaction charges management system end-to-end across both admin frontend and backend API - per-restaurant configuration supporting Adyen and Stripe with full CRUD, provider-specific validation, and charge calculation logic.","Owned 76% of the Adyen Australian surcharges management system - complex surcharge matrix across Credit\u002FDebit × Local\u002FInternational × payment method combinations, covering the admin UI, form validation, and backend computation layer.","Built business intelligence dashboards for financial analytics - real-time payment performance and merchant operations reporting consumed by internal product and business teams.","Delivered Adyen and Airwallex merchant onboarding flows - multi-step account creation and payment provider configuration workflows integrating Adyen and Airwallex APIs across Singapore and Australia.","Refactored Redux state management to URL-based state using nuqs - eliminated redundant client storage, simplified filter and pagination logic, and improved developer velocity across the codebase.","Optimized Next.js dashboard loading by 4 seconds using hybrid SSR\u002FCSR rendering and query caching strategies, eliminating unnecessary client-side data hydration on initial load.","Eliminated a 35% performance bottleneck in the Adyen merchant onboarding backend service by parallelizing sequential third-party API calls in the Express.js layer.","2026-06-06","\u002Fimages\u002Fprojects-overview\u002F","\u002Fimages\u002Fprojects\u002Fdinetap-admin\u002F",0,[],1783149732108]