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.

• 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

• 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

• Architected a single page application using React Router to maintain a seamless transition between pages, decrease loading times through client-side rendering, and minimize server calls by dynamically rendering public and private routes based on client data and authentication• Styled pages 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• Maintained a PostgreSQL database to build and maintain logical relationships between tables, create a secure data store for the persistence of data across sessions and avoid logical corruption of data by being ACID compliant• Worked on an Express/Node.js server to handle multiple requests simultaneously through Node’s asynchronous, non-blocking nature and to help organize code in an MVC architecture by creating custom middleware to process user inputs and enforce a separation of concerns between different functionality

• 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

• 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

• Constructed PostgreSQL database to build and maintain logical relationships between tables and avoid logical corruption of data by being ACID compliant• Configured a custom Webpack to reduce the overall project size during production via uglification/minification and accelerated development with hot module reloading to update modules without performing a full reload as well as utilize Babel loader to transpile React components and ES6 syntax into browser readable ES5 syntax • Utilized Webpack Dev Server to proxy server requests to the backend during development and implement webpack-dev-middleware under the hood to provide fast in-memory access to the webpack assets • Architected a single page application using React Router to maintain a seamless transition between pages, decrease loading times through client-side rendering, and minimize server calls by dynamically rendering public and private routes based on client data and authentication• Engineered an Express server on Node.js to handle multiple requests simultaneously through Node’s asynchronous, non-blocking nature and to help organize code in an MVC architecture by creating custom middleware to process user inputs and enforce a separation of concerns between different functionality

• Deployed React Pure Components to prevent unnecessary re-renders by allowing child components to exit the update lifecycle method if props remain unchanged and reduce the amount of boilerplate for greater readability• Modeled a database with MongoDB for the benefit of high speed queries as a result of not needing to aggregate data from different tables as well as for the benefit of greater horizontal scalability and lessen the need to sync data with other partitions as well as reduce the chance of a single point failure if a partition were to fail• Adopted SASS to improve stylesheet readability by nesting related selectors to better organize/provide more structure and to modularize styles via mixins to maintain dry code and reduce repetition• Safeguarded sensitive data with Bcrypt to hash passwords and prevent brute force attacks with variable salt rounds