Senior Frontend Developer @ Nitra
Technical Advisor @ gymnomadtw.com · random.com.tw
React, Next.js, Vue, and React Native engineer focused on UX quality and performance at product scale.
5+ years experienceReact + Vue + React NativeUI/UX + performance
Nitra
Taipei, Taiwan
Open to part-time opportunities.
Impact Highlights
About
I am a self-taught senior frontend engineer with 5+ years of experience building product-focused web and mobile apps with React, Next.js, Vue.js, and React Native. My work centers on measurable user impact: improving performance, reducing friction in core journeys, and shipping maintainable interfaces that teams can scale. Across fintech, e-commerce, and community products, I focus on turning UX and engineering decisions into better 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
- 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
- Focused on UX polish: optimistic UI, skeleton transitions, and motion design that make apps feel instant
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
Sentry
AI Automation
CI/CD
Agent Skills
Storybook
- Ship investor-facing fintech features on tight timelines while keeping UX quality high across critical user journeys
- Introduced optimized skeleton loading patterns that reduced layout shift and improved perceived performance
- Implemented AI-assisted automation for review and routine fixes, saving engineering time and shortening feedback loops
- Built reusable Storybook components adopted across multiple projects, improving consistency and delivery speed
- Co-developed design system patterns with designers so components stayed flexible across different product use cases
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
- Improved Lighthouse, SEO, and product UX through consistent dark mode, motion polish, and optimistic UI in key interactions
- 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
