Project Description

At HelloFresh, I led initiatives to modernize the customer meal selection experience on both desktop and mobile browsers. The project focused on delivering high performance, accessibility, and personalization. I worked with cross-functional teams to implement a modular frontend architecture, streamline API consumption, and improve key business metrics such as user engagement, retention, and cart conversion rates.

Responsibilities

●Developed and maintained dynamic frontend features using React.js, TypeScript, and Tailwind CSS, including customizable menus, allergy filters, and delivery preference selectors.

●Leveraged GraphQL and Apollo Client for efficient data fetching and caching, improving page responsiveness and reducing backend load.

●Migrated legacy codebases to modern Next.js architecture with server-side rendering and static site generation, enhancing SEO and load performance.

●Collaborated with UX/UI designers to implement responsive layouts, focusing on mobile-first design and accessibility compliance

●Integrated Stripe and PayPal SDKs for secure, flexible checkout options with real-time pricing and promo adjustments.

●Utilized Cypress and Jest for comprehensive testing coverage, including end-to-end and integration tests across subscription flows.

●Built reusable design components documented in Storybook to promote consistency and enable rapid A/B test rollouts.

●Participated in Agile ceremonies, code reviews, and design critiques using Jira, GitHub, and Figma.

●Worked with DevOps to improve CI/CD pipelines using GitHub Actions and AWS Amplify for rapid, zero-downtime deployment.

●Led cross-functional initiatives to reduce page load time by 35%, resulting in improved conversion rates.

●Mentored junior engineers in best practices for Next.js architecture and component design.

●Partnered with analytics team to implement event tracking and measure user engagement impact post-release.

Project Description

At Blue Apron, I worked on the revamp of the e-commerce meal subscription platform, focusing on improving customer interaction with weekly menus, recipe customization, and checkout workflows. The initiative aimed to increase user retention and conversion by delivering a smoother, more personalized experience on both web and mobile browsers. I collaborated closely with designers, product managers, and backend engineers to launch modular, accessible UI features that scaled across multiple product offerings.

Responsibilities

●Rebuilt key parts of the user dashboard and checkout experience using React.js and Next.js, focusing on performance and accessibility for both desktop and mobile devices.

●Designed and implemented responsive components with Styled Components and Tailwind CSS, including the menu selector, ingredient swapper, and delivery calendar.

●Integrated GraphQL APIs using Apollo Client to fetch personalized meal data, dietary preferences, and dynamic pricing, significantly reducing over-fetching and response time.

●Used React Hook Form and Yup for form validation and state management in checkout and payment screens, improving form reliability and user feedback.

●Enhanced frontend performance with code-splitting, lazy loading, and image optimization strategies, decreasing initial load time by over 30%.

●Led accessibility improvements across the site by implementing WCAG 2.1 guidelines, including keyboard navigation, ARIA roles, and screen reader compatibility.

●Created reusable UI modules documented in Storybook, allowing for cross-team collaboration and rapid feature iteration.

●Worked with QA to automate Cypress end-to-end tests and maintain a robust test suite with Jest and React Testing Library for unit and integration coverage.

●Contributed to build pipeline optimization using Webpack custom loaders and analyzed bundle size with Source Map Explorer to eliminate dead code.

Project Description

At Datavant, I contributed to the development of a healthcare data connectivity platform that helps organizations securely exchange patient-level data. The platform allowed hospitals, insurers, and research institutions to tokenize, match, and link healthcare records without compromising patient privacy. I was responsible for implementing secure and scalable features across both frontend and backend, playing a central role in architecting user-facing dashboards, API integrations, and performance enhancements.

Responsibilities

●Designed and developed complex user dashboards using React.js, TypeScript, and Ant Design, visualizing data linkage stats, tokenization accuracy, and patient matching reports.

●Implemented reusable React Hooks and utility components to standardize frontend logic across the application.

●Integrated Redux Toolkit for global state management across workflows including data imports, API responses, and user authentication.

●Built secure backend APIs using Node.js and Express, enabling role-based access, audit logging, and bulk dataset processing.

●Developed data tokenization microservices in Python Flask, which utilized salted hashing and encryption algorithms to pseudonymised sensitive health data.

●Orchestrated complex data workflows and asynchronous background jobs with Celery and Redis, managing long-running operations like data validation and export.

●Stored structured metadata in PostgreSQL and used AWS S3 for encrypted blob storage of healthcare datasets, ensuring secure access through signed URLs.

●Monitored application performance and uptime using Datadog and Sentry, and implemented alerting rules for API latency and tokenization failures.

●Collaborated with product managers and healthcare compliance officers to ensure features met HIPAA and HITECH regulations.

●Automated builds, testing, and deployment pipelines using GitHub Actions, with multi-environment deployments to AWS ECS.