Senior Frontend Developer @ Nitra
Technical Advisor @ gymnomadtw.com · random.com.tw
I build product UIs that feel instant: optimistic updates, zero layout shift on load, and motion polish. React, Next.js, Vue, and React Native.
Optimistic UI + zero CLSReact · Next.js · Vue · React NativeOwns platform migrations
Nitra
Taipei, Taiwan
Open to part-time opportunities.
Impact Highlights
About
I’m a senior frontend engineer who cares a lot about how products feel. Optimistic UI, zero-layout-shift loading, and small motion details that make apps feel instant. I’ve shipped that kind of work across React, Next.js, Vue.js, and React Native in fintech, e-commerce, education and community products, and I care about the boring parts too: maintainable interfaces and decisions that help retention, conversion, and release speed.
I have lived in Saudi Arabia, Belgium, and Turkey, and this cross-cultural background helps me adapt quickly and collaborate well across diverse teams. Outside engineering, I love making desserts from cream puffs to baklava; baking and frontend work share the same craft mindset: precision, iteration, and creating experiences people enjoy.
Quick facts
- At every company so far, I’ve been the first to push optimistic UI and zero-CLS skeleton transitions. Basic stuff that somehow still isn’t common.
- 5+ years shipping production frontend products across web and mobile
- Built with React, Next.js, Vue.js, and React Native in startup and scale-up teams
Skills and Tools
Languages & frameworks
JavaScript
TypeScript
React
React Native
Vue.js
Quasar.js
Next.js
Styling
Tailwind CSS
Framer Motion
Coding Tools
Cursor
Claude Code
Antigravity
Codex
MCP
Agent Skills
v0
Integrations & Tools
Sentry
ClickUp
n8n
Strapi
RevenueCat
Clerk
Supabase
Azure API
Gemini API
Cloudflare
Vercel
Netlify
Expo
TinaCMS
Languages
Cities and places visited: Taipei, Tokyo, Kyoto, Osaka, Kobe, Seoul, Brussels, Liège, Bruges, Paris, London, Milan, Pristina, Kotor, Istanbul, Ankara, Edirne, Antalya, Kayseri, Erzurum, Jeddah, Medina, Makkah, Yanbu, Manama, Dubai, Singapore, Ho Chi Minh City, Casablanca, Rabat, Los Angeles, Phoenix.
Traditional Chinese
Native
English
TOEIC 985
IELTS 7
French
DELF B2
Japanese
JLPT N3
Turkish
TOMER B2
Some of my footsteps on the map.
Gear
Here's the gear I use for coding and daily work. I believe that good tools can make a significant difference in productivity and enjoyment while coding.
Computer
MacBook Air M2
Primary development machine with Apple Silicon for excellent performance and battery life. Air for portability.
Keyboards
Keychron Q2
75% wired mechanical keyboard. Red switches. Custom modded for optimal typing experience.
Nuphy Halo 65
65% wireless mechanical keyboard. Red switches. Custom modded for enhanced feel and sound.
Experiences
Senior Frontend Developer
Dec 2025 — Present
Vue.js
Quasar.js
UnoCSS
Next.js
TinaCMS
Cloudinary
n8n
Sentry
AI Automation
CI/CD
Agent Skills
Storybook
- Proposed and owned the migration off Webflow to Next.js, TinaCMS, Cloudflare, and Cloudinary, cutting $3000+/year in seats and outsourced design/dev while making content shipping fully self-owned and much faster
- Built the Nitra AI Reception dashboard for Nitra’s clinic AI receptionist product (nitra.com/reception)
- Shipped Accounting AI Coding so users can skip manual line-item coding, with AI-style animation as each coded item appears
- Introduced n8n as a shared automation layer editable by non-devs; built AI-assisted workflows with Claude, Gemini, and Cursor Cloud Agent APIs, accelerated via n8n’s MCP tooling
- Built frontend workflows with AI review and approval agents so low-risk PRs can move faster with less mandatory human review
- Ship investor-facing fintech features on tight timelines while keeping UX quality high across critical user journeys
- Built reusable Storybook components and co-developed design system patterns with designers so components stayed consistent and flexible across products
Frontend Developer
Mar 2022 — Dec 2025
TypeScript
React
Next.js
React Native
TailwindCSS
Framer Motion
Jest
i18n
Nx
Tamagui
Sentry
- Led architecture for Next.js e-commerce and React web apps, optimizing SSR/ISR and asset loading to improve Core Web Vitals and first-screen performance
- Rebuilt the React Native app end-to-end with TypeScript and modularized shared logic, cutting greenfield setup time by about 50% while improving stability
- Helped establish an Nx monorepo for web and mobile, standardizing shared utilities and cross-platform patterns to speed onboarding and handoffs
- Built a Crowdin-based i18n pipeline with OTA updates so PMs could ship translation updates without waiting on engineering
- Introduced optimistic UI, motion polish, and zero-CLS loading patterns the team hadn’t used before, and improved Lighthouse, SEO, and dark mode along the way
- Maintained high release quality with strong code review discipline, pre-merge testing, and fast response to production issues
Frontend Developer
Mar 2021 — Jan 2022
TypeScript
React
Next.js
Node.js
Framer Motion
- Delivered a UI overhaul that improved clarity and responsiveness across the platform's core flows
- Implemented optimistic UI patterns to make high-frequency user actions feel faster and more reliable
- Built WebRTC-based ID card scanning to streamline user verification and reduce onboarding friction
- Raised frontend maintainability through modern TypeScript and component design practices
Travel Consultant
Dec 2019 — Aug 2020
English
French
Proofreading
Asana
- Supported English- and French-speaking markets with bespoke itineraries and a high-touch guest experience
- Led a full-site content audit and resolved 200+ copy and logic issues, materially improving UX and brand consistency
- Maintained multilingual editorial quality through stronger translation consistency and content standards
Finland Taipei Roadshow 2019
Translator
Sep 2019
English
- Facilitated B2B communication for Finnish tourism companies, including cruise tour partners
- Bridged language and context gaps between international teams and local collaborators
National Audit Office of R.O.C.
Translator & Assistant
Mar — May 2019
English
French
Turkish
- Supported the International Auditor Forum 2019, assisting auditors from 10+ countries
- Provided multilingual translation and operational support across the two-week program
- Served as English translator for the Auditor General during the closing ceremony
- Resolved urgent participant issues to keep the program running smoothly
Side Projects
IslamTaiwan App
TypeScript
React Native
Expo
Azure API
Clerk
Supabase
RevenueCat
Sentry
MCP
Deeplink
Push Notifications
iOS Widgets
Edge Functions
Next.js APIs
Authentication & Membership System
- Built a complete membership system powered by Clerk, integrated with Supabase for data persistence.
- Added seamless Google and Apple Sign-In support for frictionless onboarding.
Advanced Quran Experience
- Integrated QUL data powered by Tarteel, including Mushaf layout, audio data, and authentic fonts.
- Developed a performant Quran audio player featuring keyword highlighting and auto-scroll, optimized with throttling, worklets, and Reanimated.
Monetization & Theming
- Integrated RevenueCat with a custom-designed, multilingual paywall for subscription management.
- Implemented dark mode and multiple themes to enhance user experience.
Native Platform Features
- Developed iOS widgets enabling users to view prayer times and important information at a glance.
- Adopted liquid glass components for iOS 26 with graceful fallbacks for older versions.
- Created an enhanced native Halal AI ingredient scanner for a smoother user experience.
Show more
TypeScript
Next.js
ChakraUI
Framer Motion
Strapi
Azure API
Gemini API
Integrated Core App Functionality
- Developed and implemented fundamental features, including a Quran bookmarking system and a comprehensive Halal restaurant map covering the metro areas of Taipei, Taichung, and Kaohsiung.
Pioneered AI-Driven Tools
- Developed an AI-powered Halal food ingredient scanner using Azure's cognitive services to help users, particularly foreign visitors, identify ingredients that may be haram or possibly haram in complex ingredient lists.
- Created an AI Muslim name generator using the Gemini API to offer a unique and helpful resource for users.
Enhanced User Experience (UX)
- Introduced subtle animations and UI improvements throughout the application to create a more intuitive, responsive, and visually appealing user interface.
Built Community-Focused Sections
- Engineered a new Online Courses section to provide educational content directly within the app.
- Developed a specialized Muslim-friendly Kids Section featuring mini-games and a curated video player. This feature includes data scraped from YouTube, advanced filtering by video length, and a secure player that prevents accidental redirection to external sites.
Spearheaded Internationalization (i18n)
- Implemented new language translations to expand the app's accessibility and reach for a diverse user base.
Show more
TypeScript
Next.js
ChakraUI
Strapi
Platform Migration
- Upgraded Strapi from version 3 to 4, including backing up the database and writing customized scripts to migrate old data to the new database using Strapi's API.
Cost Optimization
- Switched from Google Maps API to React Leaflet, resulting in a significant reduction in API expenses.
Feature Development
- Developed new features such as a 'nearby gyms' function and more customized MDX components. These components allow editors to place existing website components directly inside markdown articles without needing engineering assistance.
Show more
Taiwan Driving License Practice App
TypeScript
React Native
Expo
React Native Paper
i18n
Core Content & Multilingual Support
- Parsed and integrated all official exam questions and answers from the Taiwan Highway Bureau in all supported languages.
- Implemented full UI support for multiple languages (i18n), ensuring the app is accessible to a wide range of users, including foreigners and minority groups.
UI/UX & Offline Functionality
- Developed a simple and intuitive user interface to provide a better practice experience than existing market options.
- Engineered the app to function fully offline, allowing users to practice anytime and anywhere without an internet connection.
- Designed and implemented multiple practice modes to cater to different learning styles.
App Publication & Project Management
- Managed the complex and demanding app publication process on Google Play, which included preparing assets like screenshots for various screen sizes and coordinating with external platforms to collect the required number of testers.
- Successfully outsourced the necessary testing process to meet Google Play's stringent solo developer publication requirements, ensuring a successful app launch.
Show more
