Software Engineer with experience in TypeScript, React.js, Node.js, and PostgreSQL. Particularly interested in building open source products and scalable applications.
My graduate research explored the use deep neural networks to detect manipulated deepfake videos.
Owned end-to-end development of revenue-critical features by building RESTful PHP/MySQL APIs, integrating Stripe, and developing React/Next.js frontends, delivering in a fast-paced startup with shifting priorities.
Led the migration from a legacy PHP website to a modern Next.js frontend using an incremental adoption strategy in order to minimize risk, ensure uninterrupted functionality, and gather early user feedback.
Implemented production infrastructure including Apache reverse proxy routing, CI/CD pipelines with CircleCI in a monorepo, and real-time deployment monitoring via New Relic, resulting in fast, reliable releases with minimal downtime.
Translated designs from Figma into responsive web pages using Next.js, styled with Tailwind CSS, and built with modular React components in Typescript, incrementally improving pages on a legacy website with SEO best practices and WCAG accessibility guidelines.
Integrated Stripe payments across onboarding, checkout, and webhook APIs in order to boost subscription conversion rates by 50% and enable management of $120K+ in annual recurring revenue.
Managed email subscriber lists and created email templates from design to send out targeted email campaigns to over 250,000 users, effectively advertising new features and promoting seasonal sales with an engagement rate of 30%+.
Developed a Tanstack Query developer tool as a Chrome extension that provided seamless access to web application query events, enabling effective debugging and streamlined data visualization in a collapsible panel.
•
Leveraged Vue to build a reactive developer tool panel with a timeline and data list, leveraging Vue's support for TypeScript and Sass to ensure maintainable and scalable code that's naturally close to the observed package.
•
Utilized D3 to render and update an interactive timeline with a low-level library, adding in unique displays of cache hits and queries.
•
Implemented Pinia, a state management library, for centralized data management, minimizing the need for prop drilling and facilitating dynamic updates of the visualizations upon receiving new data.
•
Introduced TypeScript for static typing improving code readability and reducing development errors with types from Chrome and D3.
•
Incorporated Vitest for 86% unit testing coverage of Vue components and Pinia store, ensuring software reliability and preventing errors.
Constructed a React app with React Hooks for a responsive front end experience and dynamic plant management with considerations for watering and light requirements.
•
Utilized Node.js and Express.js to create a RESTful API to manage plant and room data for predictable and modular endpoints.
•
Implemented Material UI components with an autocomplete field to enhance user experience and validate plant species with both common name and scientific name look up.