• Enhancing accessible, responsive, and functional user interfaces for the medical app. Using tools such as React, Jest, and Redux, integrated accessibility best practices and implemented rigorous testing strategies; employed optimization techniques such as lazy loading, memoization, skeleton loading, and tree shaking to further boost performance.
• Managed global state using Context API and React Hooks, simplified state management and reduced reliance on external libraries by transitioning from Redux to the React Hooks + Reducer + Context pattern.
• Significantly improved application performance by implementing the Backend for Frontend (BFF) pattern. Integrated a GraphQL API with Apollo Client on the frontend and deployed NodeJS with Apollo Server on the backend. This approach provided a dedicated GraphQL backend for each user interface, which prepared and transformed data specifically for those interfaces. Leveraged GraphQL to enable the frontend to request exactly the needed data, thereby eliminating unnecessary network overhead and enhancing overall responsiveness
