Front-end Engineering

About the Company We are HCLTech, one of the fastest-growing large tech companies in the world and home to 223,000+ people across 60 countries, supercharging progress through industry-leading capabilities centered around Digital, Engineering and Cloud. About the Role We are building a browser-based 3D virtual science lab. Students assemble apparatus, perform experiments, and are assessed on their technique — all rendered in real time with React 19, React Three Fiber (Three.js), and Zustand , built with Vite. What you'll do Build and own complex React Three Fiber features: interactive 3D equipment, a selection-driven action system, real-time visual effects, and the UI around them. Keep the app fast on low-end hardware — profile and tune the render loop, manage GPU/CPU cost, and hold a frame budget on Chromebook-class devices. Keep application state coherent as it grows (simulation state, equipment state, an event log used for assessment, and UI state) using Zustand. Make accessibility real: full keyboard operation, focus management, ARIA, and screen-reader support are core requirements here, not polish. Help maintain the conventions, CLAUDE.md guidance, and repo structure that keep AI-generated code consistent and safe. Collaborate with our 3D technical artist to integrate assets and shaders cleanly. Front-end engineering (the foundation — non-negotiable): Deep, senior-level React (React 19 / modern React): the render model, hooks discipline, memoization, effect timing, and a real feel for where re-renders and stale closures come from — which matter acutely in an app running a physics loop every frame. Three.js and React Three Fiber in production. Real command of the scene graph, geometry and materials, the useFrame render loop, and disposal / memory management (WebGL leaks are a real hazard). This is the heart of the role and the skill we weight most heavily — React experience without R3F is not a substitute. Real-time performance discipline. You think in frame budgets, know what drives GPU vs CPU cost, can profile a render loop, and habitually design for the weakest target device. Accessibility as a first-class skill — keyboard navigation, focus management, ARIA, WCAG AA, screen-reader testing. TypeScript, testing, and modern tooling — TypeScript fluency, Vite, a real testing discipline (we favor testing real behavior over mocks), and the judgment to set the quality bar for others. Working effectively with AI coding agents (the differentiator — evaluated seriously): You can decompose work into agent-sized units — scoping a task with enough context, clear boundaries, and defined done-conditions so an agent produces good work. You review AI output critically — reading every diff with the skepticism you'd bring to a junior's PR, catching the plausible-but-wrong, the convention drift, and the code that passes tests but violates an architectural rule. You never ship output you don't fully understand. md / skills / MCP, and structuring a repo and its conventions so agents produce consistent results. (WebGL / GLSL literacy — enough to collaborate with a technical artist and debug shader and asset integration. glTF / GLB loading and the asset pipeline. Prior educational, assessment, scientific, or simulation software experience. Equal Opportunity Statement HCLTech is an equal opportunity employer, committed to providing equal employment opportunities to all applicants and employees regardless of race, religion, sex, color, age, national origin, pregnancy, sexual orientation, physical disability or genetic information, military or veteran status, or any other protected classification, in accordance with federal, state, and/or local law. This role may also be eligible for performance-based bonuses subject to company policies. In addition, this role is eligible for the following benefits subject to company policies: medical, dental, vision, pharmacy, life, accidental death & dismemberment, and disability insurance; employee assistance program; 401(k) retirement plan; and 10 paid holidays per year.