I’m a senior front-end developer with decades of experience specializing in React and TypeScript. Proven track record in modernization efforts, mentoring, and developing high-performance web applications. Adept at solving complex problems with a focus on accessibility and user experience.
Hivebrite is a community engagement platform that helps organizations build and grow private communities. Hivebrite offers customizable branded community portals to facilitate networking, collaboration, and discussion among members.
During my almost four years at Hivebrite, I worked on a variety of key product features: events across time zones, fund raising projects, accessibility improvements (a11y), and translations (i18n). I helped migrate dozens of design system components for forms and modals to TypeScript. I also addressed all issues spanning between the Ruby on Rails/React web app and the white-labeled React Native mobile apps for iOS and Android.
Minibar Delivery is a service that offers on-demand delivery of wine, beer, spirits, and mixers. Minibar Delivery partners with local liquor stores in over 200 U.S. cities to offer a wide selection of beverages, delivered right to customers' doors. It makes it easy to shop for alcohol and have it delivered in under an hour.
Over a ten month period, I migrated the entire Minibar Delivery front-end from Ruby on Rails templates with jQuery and Backbone.js to React with Next.js. SEO was the priority, so schema.org microdata was added to all product pages and search results. The modernized site replaced the existing production e-commerce storefront without any downtime or loss of sales.
BIG FUN Disc Jockeys is a professional Bay Area DJ service that specializes in providing high-energy entertainment for weddings, parties, corporate events, and more. With a team of experienced DJs, they offer personalized music playlists, state-of-the-art sound systems, and vibrant lighting setups to ensure every event is memorable and fun.
I developed the entire BIG FUN Disc Jockeys website based on provided Photoshop design mock-ups. It was the first site I built specifically for high-resolution ("Retina") displays before such displays were commonplace.
Training and Certification is a team within Apple providing training for IT professionals, creatives, educators, and students. This team develops course materials and provides direct instruction in classrooms worldwide.
During my time with this team, I developed and deployed the first public Ruby on Rails app at Apple. It enabled customers to locate Apple and third-party training centers and classroom training events worldwide. I created a workflow for ingesting third-party iCalendar feeds to display them on training.apple.com.
I created this design shown here. We needed some images of certificates, so we used my personal certifications as examples. It might be hard to see, but that's my name on the certificate in the foreground! 🤓
Testing is a core practice of professional software development. In this article, I'm going to discuss automated testing in React web apps specifically; that is, tests which exercise the desired functionality, are committed beside the application code, and are automatically run as part of a continuous integration (CI) process before merging.
Unit testing involves testing functions in isolation to ensure they work correctly. Ideally, unit tests are small and fast, focusing on specific pieces of code.
console.log?If you find yourself running a piece of code and using console.log to see the output, it's time to put that code into a unit test. While console.log can be helpful for quick debugging, it doesn't provide the repeatability and reliability that unit tests offer. Unit tests not only confirm that your code works correctly now, but they also ensure it continues to work correctly in the future as your codebase evolves.
If it's worth checking with console.log, it's worth validating with a unit test.
Component testing involves testing individual React components to ensure they render correctly and behave as expected. Until recently, React component testing primarily relied on React Testing Library and JSDOM. While these tools are efficient and performant, they simulate a browser environment rather than using a real one. A better alternative is Playwright: a modern testing framework that supports real browsers, including Chrome, Firefox, and Safari.
End-to-end testing involves testing complete application workflows from start to finish, simulating real user scenarios.
End-to-end tests ensure that all integrated components work together as expected. These tests validate interactions between different systems, such as authentication, APIs, and third-party services, ensuring seamless integration.
E2E tests help identify issues that may arise when different parts of the system interact, which unit or component tests are not designed to catch. These tests can reduce the need for repetitive manual testing, freeing up manual testers to focus on higher-value tasks.
Code coverage is a metric used in software testing to measure the extent to which the source code of a program is executed when a particular test suite runs. It provides insights into which parts of the codebase are being tested and which are not, helping to identify untested or under-tested areas.
Code coverage is a valuable metric in software testing, providing insights into how much of the codebase is exercised by tests. While it is an important aspect of testing, it should be used in conjunction with other testing practices to ensure comprehensive and effective test coverage. Achieving high code coverage can lead to improved code quality and reliability, but it is crucial to focus on the quality of tests rather than just the coverage percentage.