Experience
2021 — Now
2021 — Now
WELL is the patient engagement platform that allows enterprise healthcare systems to communicate with patients in their preferred medium, whether that’s text, email, phone, or Live Chat.
It enables secure, interactive text conversations using existing practice phone numbers — making it as easy for patients to communicate with their doctors as they would with a friend.
Founded in 2015, WELL is utilized by some of the leading healthcare systems, including Houston Methodist, Memorial Care, and NYU Langone Health.
2021 — 2021
2021 — 2021
United States
• Migrated pages from Svelte and Ember to React + Next.js for improved SEO, via statically generated and server-side rendered content, an intuitive routing system, automatic code-splitting as well as built-in Typescript support
• Outlined a modern UI using Tailwind CSS with data pulled from Wagtail to create a responsive, mobile-first UI
• Implemented Typescript to greatly improve long-term maintainability by enforcing explicit type-checks against invalid inputs or outputs and create an overall more predictable codebase by communicating intent through declarative code
• Developed unit and integration tests in Jest and end-to-end tests in Cypress to drive application development and verify application behavior by mocking user interactions and prevent unintended breaking changes across the application
• Leveraged Redux as a single source of truth to maintain continuous state throughout a single page application and manage numerous state properties and action dispatches to facilitate state transfer beyond Reat’s direct passing of props
• Utilized Redux Thunk to handle asynchronous requests and to asynchronously update React state and components
• Integrated Storybook for building reusable UI components and pages in isolation without needing to mess with data or logic
2020 — 2021
2020 — 2021
• Employed React to build a responsive web app to leverage the ability to write reusable components that efficiently renders on the browser via a virtual DOM for a smooth user experience with minimal delay between user interaction while also using its reconciliation algorithm minimizing time during re-rendering and prevent unwanted flashes
• Utilized Flexbox and CSS Grid to create a responsive and flexible UI, ensuring a consistent and
engaging user experience for visualizing and analyzing GraphQL queries, incorporating Chart.js’s wide variety of charts
• Engaged with a Deno server for its out of the box Typescript capabilities, reduced dependency bloat, and built-in security measures such as preventing the installation of malicious packages and script injection during dependency installation
• Adopted Typescript for its static typing to improve maintainability, increased code base scalability, and prevent bugs
2020 — 2020
2020 — 2020
• Utilized React to optimize application by employing React’s reconciliation algorithm to re-render only certain DOM elements if a state change occurs, and to isolate components for more reusable, modular code
• Employed Recoil’s experimental Snapshot API to allow Recoilize to observe and record changes of state in a user’s application and enable a user to more easily debug by allowing the user to ‘time travel’ back and forth between snapshots
• Routed Context API to share state across many different component branches without prop drilling and thereby increase readability by importing state directly into stateful components rather than having to prop drill through stateless components
• Implemented Typescript to greatly improve long-term maintainability by enforcing explicit type-checks against invalid inputs or outputs and create an overall more predictable codebase by communicating intent through declarative code
• Made use of ES6 native higher-order functionality to filter through the React Fiber Tree to display dynamic, interactive graphs with only relevant, user-made components using D3.js
2020 — 2020
2020 — 2020
• Styled a with styled-components to bind CSS to individual React components and prevent class name bugs resulting from duplication, overlap, or misspelling by generating unique class names for styles and to adapt the styling of a component based on props or global themes without needing to handle a vast amount of classes
• Incorporated OAuth2.0 to supply users an additional, effortless option to sign up / login with an existing account and leverage a trusted and secure login system to authenticate users in order to reduce development overhead
• Used CSS grid to style a responsive, minimalistic web application without polluting the DOM with unnecessary wrapper elements while also allowing for easier media query manipulation with grid-template-area
Education
Santa Monica College