Front End Developer

Web Engineer (MiniGame) BGC, Philippines (React/Next.js, SSR/RSC). Stack: Next.js (AppRouter, SSR/RSC), React, TypeScript, Tailwind CSS, shadcn/ui, Framer Motion, React Hook Form, Zod, i18next, Turborepo, Yarn, ESLint, Volta, Node.js. - Monorepo & releases: Next.js (AppRouter, SSR/RSC), React, TypeScript, TailwindCSS, shadcn/ui, Framer Motion, React Hook Form, Zod, i18next, Turborepo, Yarn, ESLint, Volta, Node.js. - Appshell & design system: Next.js App Shell (theme/SEO/i18n) with shadcn/ui + Tailwind; unified components and styling, and delivered Framer Motion transitions/modals. - i18n & SSR: Route-driven English/Tagalog (en/ph); fixed SSR/CSR hydration flicker and preserved an SEO-friendly first paint. - Forms & KYC: Standardized account/KYC/checkout forms with React Hook Form + Zod; covered async validation and mobile keyboard quirks. - Performance & quality: Set Web Vitals budgets and RUM instrumentation; optimized bundle/code splitting, WebP/AVIF and caching; maintained quality with Vitest + Storybook.

- Built a smart-retail flow: QR unlock → gravity-sensor detection → auto-payment. - Integrated WeChat/Alipay MiniPrograms for a 24/7 retail experience. - Impact: Reduced checkout time ~40% via optimized scan-to-open logic and inventory sync. Stack: JavaScript/TypeScript, Vue, Mini Program SDKs, REST APIs, Vite/Webpack.

- Implemented slot sync, QR check-in, OCR prescription upload. - Built reusable scheduling & doctor-listing components; refactored for modular performance. Stack: Vue3, TypeScript, REST, Vite, OCR service, Mini Program SDKs.

- Custom survey builder with dashboards & chart visualizations; role-based access. - Excel/CSV templates and better cross-team data flows. Stack: React, JavaScript, REST, Element UI.

- Patient tracking, follow-ups, notes, reminders; faster queries & logging for scale. - Modularized scheduling/records to improve maintainability and onboarding. Stack: Vue2, JavaScript, Element UI, REST.