Frontend Engineer

We are METRO, driven by a passion for food and a hunger for technology. We develop innovative tech solutions for one of the world's leading international food wholesalers, METRO. Our work spans e-commerce, checkout, and delivery software, creating products that ensure success for our customers and colleagues. With dedication and ownership, we are shaping the future of wholesale.

We are seeking a mid-level Frontend Engineer to join our team in Pune, Maharashtra. You will be responsible for building fast, accessible, and reliable user interfaces using React. As a collaborative teammate, you will partner with UX, Back End, and QA teams to deliver high-quality features. This role is ideal for someone who is product-minded, curious, and eager to enhance performance and user experience at scale.

This role is crucial for enhancing METRO’s global Quality Management System. You will contribute to harmonizing and streamlining product development and quality assurance processes across all countries and stores. By integrating fragmented workflows into a unified platform, you will foster better collaboration, optimize resource utilization, and ensure consistent product and service quality, thereby safeguarding customer trust and METRO’s brand integrity.

Key Responsibilities

• Design, build, and maintain responsive web UIs with React and TypeScript.
• Implement reusable, well-documented UI components within a shared design system (e.g., Material UI or similar).
• Ensure accessibility (WCAG), cross-browser compatibility, and mobile-first responsiveness.
• Optimize frontend performance and bundle size using profiling and build tooling.
• Integrate front-end applications with REST/GraphQL APIs; handle asynchronous data flows and error states.
• Write unit and integration tests (e.g., Jest, Testing Library); contribute to end-to-end tests (e.g., Cypress).
• Participate in code reviews and engineering rituals; maintain high code quality and standards.
• Collaborate closely with UX Designers, Back End engineers, and Product Managers to refine requirements and user interactions.
• Contribute to documentation and knowledge sharing (components, patterns, decisions).
• Monitor UI health and user experience (e.g., Web Vitals, logging/metrics); support incident resolution with the team.

Qualifications

Must-Have Qualifications

Education

• Bachelor’s degree in Computer Science or a related field, or equivalent practical experience.

Work Experience & Skills

• Proficiency in JavaScript and TypeScript, HTML5, and CSS3.
• Hands-on React experience; familiarity with state management (Redux, Context API, or similar).
• Knowledge of API integration patterns (REST/GraphQL), HTTP fundamentals, and authentication/authorization basics.
• Experience with testing tools (Jest, Testing Library) and familiarity with E2E testing (Cypress).
• Understanding of accessibility standards (WCAG) and web performance optimization techniques.
• Experience with build tools and package managers (Webpack/Vite, Babel, npm/yarn).
• Competence with Git and collaborative workflows (Pull Requests, code reviews).
• Comfortable working in agile, cross-functional teams and communicating in English.

Other Requirements

• Product mindset with attention to user experience and usability.
• Pragmatic problem-solving and ownership from idea to production.
• Ability to balance delivery speed with long-term maintainability.

Nice-to-Have

• Experience with design systems, Storybook, and visual regression testing.
• Familiarity with data-fetching libraries (e.g., TanStack Query/SWR) and form libraries (e.g., React Hook Form).
• Exposure to containerization and CI/CD (Docker, GitHub Actions); basic Kubernetes knowledge is a plus.
• Experience with observability and frontend monitoring (e.g., Web Vitals, Sentry, Datadog RUM).
• Experience with Google Cloud Platform or other cloud providers (AWS, Azure).
• Knowledge of internationalization, security basics (XSS/CSRF mitigation), and PWA concepts.