Hi, I’m Stefan, a software engineer
specializing in frontend.
I have over 5 years of professional experience building production ready
web applications using React and Vue.

AIndLeads
An AI-powered SaaS solution aiming to transform B2B lead generation
Lead Frontend Engineer
2024.03 - present









- Set up frontend infrastructure and CI/CD pipeline using React, TypeScript, Vite, AWS, and GitHub Actions.
- Developed customized email editor using Tiptap.
- Redesigned landing and signup pages, increasing weekly signup rate by 7x.
- Implemented infinite scroll with virtualization and pagination for large datasets.
- Created Trello-like pipeline system using React Drag and Drop.
- Improved data management with React Query.
- Migrated design system from Material UI to Shadcn.
- Engineered a scalable i18n service using Google App Script and AWS S3 to efficiently manage and synchronize English and Chinese translations across the platform.
foodpanda
A subsidiary of Delivery Hero, a global leader of the food delivery industry
Frontend Software Engineer - Subscriptions foundation team
2022.04 - 2024.12










- Collaborated with PMs and engineers across the globe to improve web experience by implementing new designs and contributing to the internal design system.
- Improved development process and CI/CD pipeline speed by optimizing Drone CI configuration.
- Coordinated with stakeholders to plan and implement features for a smoother operational process, such as the scheduling feature of the subscription plan management page, and cancel and delete subscriptions on the customer management page using Typescript, React, and React-Hook-Form.
- Onboarded and mentored new engineers to the team and help them to get familiar with codebases and the development process.
- Implemented frontend web changes for subscription launch in new countries.
- Leveraged micro-frontend architecture to implement and enhance subscription benefits awareness across the platform's modular components.
Garena
A leading global online games developer and publisher
Software Engineer, Frontend
2020.06 - 2022.03










- Participated in migrating the frontend project template from Vue2 to Vue3 plus Typescript.
- Built a styleless component library for FreeFire projects that reduced development time by 16%.
- Used Nuxt on marketing projects to support dynamic meta changing, and server-side rendering for better SEO.
- Introduced Cypress for E2E test automation.
- Contributed to internal auth library to simplify the login flow.
- Collaborated with backend engineers to develop multiple revenue events using Javascript, Typescript, Vue2, Vue3, Vuex, VueI18n, Webpack, and SCSS.
DreamPlayer
An ed-tech startup that provides online courses for investors
Frontend Engineer
2019.11 - 2020.04






- Rebuilt customer-facing, internal dashboard, and content management frontend from scratch using React and Styled-Components.
- Used React hooks and Context API for better code reusability and state management across components.
- Created project manage page to handle video/image uploading, upload progress checking, and content editing.
- Implemented pagination, filter, and debounce search on the explore page, allowing users to find their desired results efficiently.
- Introduced input validation schema on all forms to catch errors and provide users with precise feedback.
- Designed highly reusable React hooks to handle authorization, search, pagination, and image source checking.
- Added Dark/light mode toggle for internal dashboard.
Yotta
A startup that provides online courses
Frontend Engineer
2019.07 - 2019.10




- Visualized sales data with Chart.js to help the marketing team evaluate different strategies.
- Implemented tracking with google tag manager on the whole site to help the product team improve user flow.
- Created a feature to open modals across the site with URLs.
- Switched all icons & illustrations to new ones and refactored multiple parts of the CSS codebase to follow BEM rules.
- Built the frontend of group questions and certificate features to help users test and share their learning results.