Frontend Engineer Internship

Metasys; United States; Remote; USD 110,000 - 170,000; Full time

Job summary

Metasys is seeking a Frontend Engineer to build high-performance, accessible user interfaces across our e-commerce storefront, B2B portal, and internal tools. You will implement components with Next.js 14, React 18, and TypeScript, focusing on WCAG-compliant design systems and fast page loads.

You will optimize performance with Tailwind CSS, Radix UI, and Framer Motion, while collaborating with backend engineers in a large monorepo to deliver new features and experiments.

Qualifications

• Proven ability to design and implement high-performance, accessible frontends.
• Strong command of modern frontend tooling and testing frameworks.
• Experience working in large monorepos and collaborating with backend teams.

Responsibilities

• Own client-side development across multiple products and modules.
• Build and maintain UIs for e-commerce storefront, B2B portal, and internal tools.
• Contribute to design system, ensure accessibility and performance.
• Optimize performance, manage state, and implement smooth animations.
• Support testing strategies, including end-to-end and unit tests.
• Collaborate with UX designers and backend engineers to define API contracts.
• Design frontend interfaces for AI agent interactions and real-time feedback.
• Mentor teammates within sprint cycles and architecture reviews.

Skills

Next.js 14

React 18

TypeScript

Tailwind CSS

Radix UI

Framer Motion

Monorepo

REST/GraphQL APIs

Jest/Playwright

Job description

Overview:

Building High-Performance User Experiences The Frontend Engineer is essential for bringing our supply chain e-commerce vision to life by building high-performance, responsive, and accessible user interfaces. You will be responsible for developing the frontend applications for our diverse product ecosystem, including the customer-facing e-commerce storefront, the sophisticated B2B portal, and critical internal tools (collaboration, project management).

Key Responsibilities & Core Projects

You will own the client-side development, ensuring optimal user experience and front-end architectural quality.

UI Development & Implementation

Build and maintain user interfaces for multiple products using Next.js 14, React 18, and TypeScript. This includes the e-commerce flows (catalog, cart, checkout) and the complex interfaces for the internal WMS and OMS modules.

Design System & Accessibility

Implement components using Tailwind CSS and Radix UI to ensure visual consistency, performance, and adherence to WCAG accessibility standards.

Performance Optimization

Aggressively optimize frontend performance, focusing on fast page loads, core web vitals, and minimizing render blocking. Implement state management and use Framer Motion for smooth, optimized animations.

Testing & Experimentation

Conduct usability testing and build out the necessary architecture to support A/B testing on new features, such as checkout flow variations or personalization logic.

Monorepo Collaboration

Work within the Monorepo structure, collaborating closely with Backend Engineers to define and consume API contracts efficiently.

Required Technologies & Tools

Candidates must possess deep expertise and hands-on experience with our core frontend stack:

• Core Stack: Expert proficiency in Next.js 14, React 18, and TypeScript (mandatory).
• Styling & Components: Strong experience with Tailwind CSS and building accessible components with Radix UI.
• Animation/UX: Experience implementing complex, high-performance UI/UX using Framer Motion.
• Workflow: Experience working in a large Monorepo environment and consuming REST/GraphQL APIs from a Node.js/NestJS backend.
• Testing: Experience with modern E2E and unit testing frameworks (e.g., Jest/Playwright).

AI Agent Focus

You will design the user experience for interacting with intelligent systems.

Agent Interfaces

Build the frontend interfaces (e.g., chat widgets, data visualization panels) for interacting with and receiving output from the AI agents.

Real-time Feedback

Implement real-time data streaming and error handling to provide immediate feedback to users engaging with the AI-powered customer support or workflow optimization tools.

Success Metrics & Career Path

Performance will be measured by:

Performance Metrics

Achieving and maintaining high scores on Core Web Vitals (Lighthouse/PageSpeed) across critical e-commerce pages.

UI Quality

Delivery of components that are visually flawless, responsive, and accessible (WCAG compliant).

Feature Velocity

Timely and efficient delivery of new features and fixes within the sprint cycles.

Mentorship Structure

Reports to the Technical Architect or Engineering Lead, working directly with UX designers and backend engineers for the Catalog, OMS, and B2B Portal modules.

Originally posted on Himalayas