MacBook Air M2
Primary development machine with Apple Silicon for excellent performance and battery life. Air for portability.
About
I'm a 4+ years self-taught frontend developer, proficient in React, Next.js, and React Native, with a specialization in UI/UX and performance enhancement. I've spent most of my life abroad in Saudi Arabia, Belgium, and Turkey, and was homeschooled for many years. This unique upbringing strengthened my ability to adapt to new environments quickly, cultivate self-learning skills, and maintain discipline.
Beyond coding, I'm an expert in making desserts, especially Western desserts like cream puffs and cakes, as well as Middle Eastern delicacies like baklava, kunafah, and rice pudding. I find a lot of similarities between baking and coding, both involve creating something that brings joy to others. That's why I put so much emphasis on smooth, enjoyable user experiences.
Skills and Tools
TypeScript
React
React Native
Next.js
Vue.js
Tailwind CSS
GraphQL
REST API
Git
Figma
Cursor
Antigravity
v0
Sentry
Slack
Discord
Trello
ClickUp
Amazon Q
Strapi
n8n
Languages
Traditional Chinese
Native
English
TOEIC 985
IELTS 7
French
DELF B2
Japanese
JLPT N3
Turkish
TOMER B2
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
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
Frontend Developer
Dec 2025 — Present
Vue.js
Quasar.js
UnoCSS
Sentry
AI Automation
CI/CD
Agent Skills
Storybook
- Contribute to the Fintech team—ship features quickly to improve UX and meet investor expectations
- Introduced optimized skeleton loading that greatly reduced layout shift for a smoother experience
- Integrated AI with automation workflows, auto-fixes, and auto-reviews to save meaningful engineering time
- Refined team agent skills, rules, subagents, and commands to match our guidelines and conventions
- Collected community best practices, distilled what fit our stack, and iterated on our own agents
- Built highly reusable, polished UX components in Storybook shared across multiple projects
- Collaborated with designers on the design system and theme, keeping components adaptable for varied use cases
Frontend Developer
Mar 2022 — Dec 2025
TypeScript
React
Next.js
React Native
TailwindCSS
Framer Motion
Jest
i18n
Nx
Tamagui
Sentry
- Led refactoring efforts for web and e-commerce projects, improving codebase efficiency and maintainability
- Designed and built reusable component libraries ensuring UI consistency across multiple applications
- Implemented cutting-edge features and refreshed the mobile app interface using React Native
- Enhanced UI/UX design and user experiences through performance optimization
- Collaborated with frontend team to maintain high code quality standards and best practices
Frontend Developer
Mar 2021 — Jan 2022
TypeScript
React
Next.js
Node.js
Framer Motion
- Revitalized the user interface with a modern, engaging design overhaul
- Implemented optimistic UI updates for smoother, more responsive user interactions
- Developed innovative features including WebRTC-powered ID card scanning functionality
- Contributed to platform advancement through modern frontend development practices
Travel Consultant
Dec 2019 — Aug 2020
English
French
Proofreading
Asana
- Served as English and French travel consultant, curating exceptional Taiwan travel experiences
- Collaborated with tour guide partners to develop resources for tourists from Muslim countries
- Proofread and improved homepage content to enhance professional image for international clients
- Supported tour guide training program and contributed to TAIPEI magazine during COVID period
Finland Taipei Roadshow 2019
Translator
Sep 2019
English
- Facilitated B2B communications for Finnish tourism companies, particularly cruise ship tours
- Bridged communication gaps between foreign companies and prospective customers/collaborators
National Audit Office of R.O.C.
Translator & Assistant
Mar — May 2019
English
French
Turkish
- Supported International Auditor Forum 2019, assisting auditors from 10+ countries
- Provided translation services and essential information throughout the two-week program
- Served as English translator for the Auditor General during the closing ceremony
- Resolved urgent issues to ensure smooth program operation and participant satisfaction
Side Projects
IslamTaiwan App
TypeScriptReact NativeExpoAzure APIClerkSupabaseRevenueCatSentryMCPDeeplinkPush NotificationsiOS WidgetsEdge FunctionsNext.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
TypescriptNextJSChakraUIFramer motionStrapiAzure APIGemini 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
typescriptnextjsChakraUIStrapi
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
TypescriptReact NativeExpoReact Native Paperi18n
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
