Full-stack Developer
2018 - PRESENTTreerful (Freelance)- Designed both front-end and back-end architecture.
- Implemented both front-end and back-end core systems.
- Implemented an admin panel for internal staff to manage all the data and generate reports to monitor the usage.
- Executed extensive unit and functional test coverage with PHPUnit.
- Implemented extensive unit and functional test coverage with TestCafe.
Technologies: Redux, React, Laravel, Vue, VuexFront-end Developer
2021 - 2021PrepFactory (via Toptal)- Rebuilt the five-years-old legacy user dashboard UI into a modern design and modern codebase.
- Rewrote legacy UI code using React class components with modern technology (React functional components).
- Refactored legacy state management code (bloated global state object) with modern technology using React Query and React hooks.
- Reorganized legacy business logic code (imperative coding style) with modern technology (ES6 declarative and immutable coding style).
Technologies: React, React Query, React Table, SCSS, CodeIgniterFront-end Developer
2020 - 2021Palooza (Freelance)- Created a SPA-based UI for the eCommerce platform.
- Created extensive end-to-end tests with Cypress and Testing Library.
- Designed and implemented an API protocol to communicate with the back-end server in Apollo GraphQL.
Technologies: React, Cypress, GraphQL, Storybook, Webpack, Docker, Tailwind CSSFull-stack Developer
2018 - 2021Meme House (Freelance)- Developed an easy-to-use web image editor for users to create memes.
- Tracked and fixed bugs using Sentry, Scout APM, and Linode cloud analytics.
- Oversaw launch processes. It currently has 500,000+ monthly active users and 3,000,000+ page views per month.
Technologies: Laravel, React, HTML5 Canvas, PHPUnit, Cypress, Bootstrap, SentryFull-stack Developer
2016 - 2018Cafe Nomad (Freelance)- Created a platform on top of Laravel for coffee lovers to find independent coffee shops and contribute to the data together.
- Implemented an admin panel for internal staff to manage all the data and generate reports to monitor the usage.
- Implemented APIs for externally interested parties to consume the data and create their own applications.
- Extracted the core code to become an open-source project supporting wiki-style contributions.
- Implemented extensive unit and functional test coverage with PHPUnit.
Technologies: JavaScript, LaravelFull-stack Developer
2014 - 2016Wordcorp一元翻譯- Created an eCommerce platform for clients to place orders, track records, and interact with translators.
- Implemented an admin panel for project managers to manage projects.
- Implemented profiles and working panels for our translators and editors to deal with cases.
- Created many React components to enhance the user experience.
- Implemented extensive unit and functional test coverage with PHPUnit.
Technologies: RefluxJS, React, Laravel, PHPUnitFull-stack Developer
2013 - 2014Getmore Lab- Created an administration system for a logistics department to deal with shipping items.
- Implemented all HTML, CSS, and front-end dynamic effects from a graphic designer's draft.
- Supported the marketing department to analyze data with Google Analytics, Facebook Insights, and other tools.
- Implemented multiple payment methods with a payment API provided by banks.
- Integrated with social media to make more connections with customers.
- Implemented extensive unit test coverage with SimpleTest (PHP).
Technologies: MySQL, Bootstrap, jQuery, Backbone.js, CodeIgniter