Front End Developer - Technical Lead

Job<\/span><\/span> <\/span><\/span><\/span>Title <\/span><\/span> <\/span><\/span><\/span>\-<\/span><\/span> <\/span><\/span><\/span>Front End Developer<\/span><\/span> <\/span><\/span><\/span>\u2013 Technical Lead<\/span><\/span><\/span><\/span><\/span><\/b> <\/span><\/span><\/span><\/span>
<\/span><\/span><\/span><\/span><\/p><\/div>

Location \u2013 Chennai (Onsite)<\/span><\/span><\/span><\/span><\/span><\/b> <\/span><\/span><\/span><\/span>
<\/span><\/span><\/span><\/span><\/p><\/div>

Role Summary <\/span><\/span><\/span><\/span><\/span><\/b> <\/span><\/span><\/span><\/span>
<\/span><\/span><\/span><\/span><\/p><\/div>

We are hiring a<\/span><\/span> <\/span><\/span><\/span><\/span><\/span><\/span>Lead Frontend Engineer<\/span><\/span> <\/span><\/span><\/span><\/span><\/span><\/span><\/b>with<\/span><\/span> <\/span><\/span><\/span><\/span><\/span><\/span>10+ years of experience<\/span><\/span> <\/span><\/span><\/span><\/span><\/span><\/span><\/b>to own frontend architecture, performance, real\-time communication, and UI systems at scale. This role is for an engineer who understands not only<\/span><\/span> <\/span><\/span><\/span><\/span><\/span><\/span>how<\/span><\/span> <\/span><\/span><\/span><\/span><\/span><\/span><\/i>to build UIs, but<\/span><\/span> <\/span><\/span><\/span><\/span><\/span><\/span>why<\/span><\/span> <\/span><\/span><\/span><\/span><\/span><\/span><\/i>certain styling, state, and library choices scale better over time. <\/span><\/span><\/span> <\/span><\/span><\/span><\/span>
<\/span><\/span><\/span><\/span><\/p><\/div>

Core Responsibilities <\/span><\/span><\/span><\/span><\/span><\/b> <\/span><\/span><\/span><\/span>
<\/span><\/span><\/span><\/span><\/p><\/div>

Frontend Architecture & System Design <\/span><\/span><\/span><\/span><\/span><\/b> <\/span><\/span><\/span><\/span>
<\/span><\/span><\/span><\/span><\/p><\/div>

Design scalable, maintainable frontend architectures for complex web applications <\/span><\/span><\/span> <\/span><\/span><\/span><\/span>
<\/span><\/span><\/span><\/span><\/p><\/li><\/ul><\/div>
- Define application structure, module boundaries, and shared<\/span><\/span> <\/span><\/span><\/span>component<\/span><\/span> <\/span><\/span><\/span>strategies.<\/span><\/span><\/span> <\/span><\/span><\/span><\/span>
  <\/span><\/span><\/span><\/span><\/p><\/li><\/ul><\/div>
  - Drive decisions around: Rendering models (SSR, SSG, ISR, CSR) <\/span><\/span><\/span> <\/span><\/span><\/span><\/span>
    <\/span><\/span><\/span><\/span><\/p><\/li><\/ul><\/div>
    Styling architecture <\/span><\/span><\/span> <\/span><\/span><\/span><\/span>
    <\/span><\/span><\/span><\/span><\/p><\/li><\/ul><\/div>
    State and data flow <\/span><\/span><\/span> <\/span><\/span><\/span><\/span>
    <\/span><\/span><\/span><\/span><\/p><\/li><\/ul><\/div>
    Apply architectural patterns such as: Component\-driven architecture <\/span><\/span><\/span> <\/span><\/span><\/span><\/span>
    <\/span><\/span><\/span><\/span><\/p><\/li><\/ul><\/div>
    Feature/domain\-based organization <\/span><\/span><\/span> <\/span><\/span><\/span><\/span>
    <\/span><\/span><\/span><\/span><\/p><\/li><\/ul><\/div>
    Micro\-frontend patterns (when justified) <\/span><\/span><\/span> <\/span><\/span><\/span><\/span>
    <\/span><\/span><\/span><\/span><\/p><\/li><\/ul><\/div>
    Maintain architecture documentation, diagrams, and ADRs <\/span><\/span><\/span> <\/span><\/span><\/span><\/span>
    <\/span><\/span><\/span><\/span><\/p><\/li><\/ul><\/div>
    <\/span><\/span><\/span><\/span>
    <\/span><\/span><\/span><\/span><\/p><\/div>
    Frontend Engineering (Hands\-on) <\/span><\/span><\/span><\/span><\/span><\/b> <\/span><\/span><\/span><\/span>
    <\/span><\/span><\/span><\/span><\/p><\/div>
    Build and<\/span><\/span> <\/span><\/span><\/span>maintain<\/span><\/span> <\/span><\/span><\/span>production\-grade applications using<\/span><\/span> <\/span><\/span><\/span><\/span><\/span><\/span>Next.js (3+ years)<\/span><\/span> <\/span><\/span><\/span><\/span><\/span><\/span><\/b>and modern React <\/span><\/span><\/span> <\/span><\/span><\/span><\/span>
    <\/span><\/span><\/span><\/span><\/p><\/li><\/ul><\/div>
    Write clean, maintainable<\/span><\/span> <\/span><\/span><\/span><\/span><\/span><\/span>TypeScript <\/span><\/span><\/span><\/span><\/span><\/b> <\/span><\/span><\/span><\/span>
    <\/span><\/span><\/span><\/span><\/p><\/li><\/ul><\/div><\/div>
    Design and evolve reusable<\/span><\/span> <\/span><\/span><\/span>component<\/span><\/span> <\/span><\/span><\/span>libraries and design systems <\/span><\/span><\/span><\/span><\/span> <\/span><\/span><\/span><\/span>
    <\/span><\/span><\/span><\/span><\/p><\/li><\/ul><\/div>
    Lead code reviews focusing on architecture, performance, and long\-term maintainability <\/span><\/span><\/span><\/span><\/span> <\/span><\/span><\/span><\/span>
    <\/span><\/span><\/span><\/span><\/p><\/li><\/ul><\/div>
    <\/span><\/span><\/span><\/span>
    <\/span><\/span><\/span><\/span><\/p><\/div>
    Styling & UI Architecture <\/span><\/span><\/span><\/span><\/span><\/b> <\/span><\/span><\/span><\/span>
    <\/span><\/span><\/span><\/span><\/p><\/div>
    Design and enforce scalable styling strategies using a mix of: CSS Modules <\/span><\/span><\/span><\/span><\/span> <\/span><\/span><\/span><\/span>
    <\/span><\/span><\/span><\/span><\/p><\/li><\/ul><\/div>
    Styled\-components<\/span><\/span> <\/span><\/span><\/span>/ Emotion <\/span><\/span><\/span><\/span><\/span> <\/span><\/span><\/span><\/span>
    <\/span><\/span><\/span><\/span><\/p><\/li><\/ul><\/div>
    Utility\-first CSS (Tailwind or similar) <\/span><\/span><\/span><\/span><\/span> <\/span><\/span><\/span><\/span>
    <\/span><\/span><\/span><\/span><\/p><\/li><\/ul><\/div>
    Traditional CSS / SCSS where appropriate <\/span><\/span><\/span><\/span><\/span> <\/span><\/span><\/span><\/span>
    <\/span><\/span><\/span><\/span><\/p><\/li><\/ul><\/div>
    Make informed trade\-offs between: Runtime vs build\-time styling <\/span><\/span><\/span><\/span><\/span> <\/span><\/span><\/span><\/span>
    <\/span><\/span><\/span><\/span><\/p><\/li><\/ul><\/div>
    Global vs scoped styles <\/span><\/span><\/span><\/span><\/span> <\/span><\/span><\/span><\/span>
    <\/span><\/span><\/span><\/span><\/p><\/li><\/ul><\/div>
    Design system tokens vs local overrides <\/span><\/span><\/span><\/span><\/span> <\/span><\/span><\/span><\/span>
    <\/span><\/span><\/span><\/span><\/p><\/li><\/ul><\/div>
    Build and<\/span><\/span> <\/span><\/span><\/span>maintain: Theming systems <\/span><\/span><\/span><\/span><\/span> <\/span><\/span><\/span><\/span>
    <\/span><\/span><\/span><\/span><\/p><\/li><\/ul><\/div>
    Responsive and adaptive layouts <\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/p><\/li><\/ul><\/div><\/div><\/span>