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
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
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
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
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