Frontend Developer

Caterpillar Signs; Gurugram District; On-site; INR 1,500,000 - 2,100,000; Full time

Job summary

Caterpillar Signs in Gurugram, India is seeking a FrontEnd Engineer/Lead FrontEnd Engineer to define and implement scalable frontend architectures using ReactJS and Next.js. You will lead the migration from Magento frontend to a microservices and micro-frontend setup, aiming for sub-second page loads and optimal Core Web Vitals.

You will drive internationalization and localization across markets, collaborate with backend teams for API design, and mentor the frontend team to ensure code quality

Qualifications

• Bachelors degree in Computer Science, Engineering, or related field.
• 5+ years of experience architecting high performing frontend using ReactJS, NextJS and other FrontEnd technologies.

Responsibilities

• Design and implement a modular and scalable frontend architecture using ReactJS and Next.js.
• Lead the transition from traditional Magento frontend to a microservices-based architecture.
• Design and implement micro-frontend solutions to allow independent deployment and scaling of frontend components.
• Collaborate with backend teams to define APIs that support the microservices architecture.
• Mentor and guide frontend development teams on best practices, code reviews, and architectural decisions.

Skills

ReactJS

Next.js

Magento

Microservices

Micro-frontends

Performance optimization

Core Web Vitals

Internationalization

CI/CD

Jest/Cypress

Redux

MobX

HTML/CSS/JS

NewRelic/Sentry

Education

Bachelor's degree in Computer Science, Engineering, or related field

Tools

Redux

MobX

HTML/CSS/JS

NewRelic

Sentry

CI/CD pipelines

Job description

Role Summary

As a FrontEnd Engineer/Lead FrontEnd Engineer, you will be responsible for defining and implementing the architecture of our frontend applications, ensuring high performance, scalability, and a seamless user experience. You will lead the initiative to split Magento modules into microservices and micro-frontends, implementing best practices for internationalization and localization. Your focus will be on achieving page load times of less than one second while enhancing core web vitals metrics.

Key technologies use (But not limited to):

• Frontend Frameworks: ReactJS, Next.js, Magento
• Microservices Architecture
• Micro-frontend Architecture
• Internationalization and Localization (i18n, l10n)
• Performance Optimization Tools
• Core Web Vitals Monitoring

Job Responsibilities

1. Implement Frontend Solutions:

• Design and implement a modular and scalable frontend architecture using ReactJS and Next.js.
• Lead the transition from traditional Magento frontend to a microservices-based architecture.
• Design and implement micro-frontend solutions to allow independent deployment and scaling of frontend components.

2. Performance Optimization:

• Ensure frontend applications meet performance benchmarks, specifically targeting page load times under one second.
• Optimize web applications for Core Web Vitals, focusing on metrics like Largest Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS).
• Conduct performance audits and implement best practices to enhance application responsiveness and loading speed.

3. Internationalization and Localization:

• Develop and implement strategies for internationalization and localization, ensuring all applications support multiple languages and themes seamlessly.
• Collaborate with product teams to design localized experiences that cater to diverse markets.

4. Collaboration and Leadership:

• Collaborate with backend teams to define APIs that support the microservices architecture.
• Mentor and guide frontend development teams on best practices, code reviews, and architectural decisions.
• Work closely with UX/UI designers to ensure high-quality visual and interactive designs are implemented effectively.

5. Continuous Improvement:

• Stay updated on the latest trends and technologies in frontend development, advocating for their adoption when relevant.
• Drive the adoption of new tools and methodologies that improve the development workflow and enhance application quality.

6. Code Quality and Best Practices:

• Establish coding standards and best practices for the development team to ensure maintainability and performance.
• Implement automated testing strategies to ensure code quality and reduce regressions.

Job Requirements

Educational Qualification and Experience

• Bachelors degree in Computer Science, Engineering, or related field, or equivalent work experience.
• 5+ years of experience in architecting high performing frontend using ReactJS, NextJS and other FrontEnd technologies.

Technical Skills

• Extensive experience in ReactJS and Next.js frameworks.
• Strong understanding of Magento frontend architecture and experience in transforming it into microservices and micro-frontend structures.
• Proven experience with performance optimization techniques and tools, particularly related to web vitals.
• Knowledge of internationalization and localization frameworks and best practices.
• Strong understanding of frontend build tools and CI/CD pipelines.
• Familiarity with state management libraries (e.g., Redux, MobX).
• Proficient in HTML, CSS, and JavaScript standards.
• Strong problem-solving skills and attention to detail.
• Familiarity with testing frameworks (e.g., Jest, Cypress) for frontend applications.
• Understanding of backend technologies or API design principles.
• Experience with cloud services or serverless architecture in the context of frontend applications.
• Implementation and extensive experience of APM tools like NewRelic or Sentry.

Behavioural Skills

• Strategic thinking
• Planning and organizing
• Interpersonal Skills
• Stakeholder management
• People Leadership
• Innovation and Creativity
• Attention to detail