JOBWAVE VERIFIED

FrontEnd Developer (Analyst - ACS SONG)

Company: Accenture Song
Job Number: R00357362
Management Level: Level 11 – Analyst
Type: Full Time | Packaged Application Development
Location: Kochi, India
Experience: 2–3 Years
Salary: Not specified

────────────────────

JOBWAVE INSIGHTS

Who is this for?

A frontend developer with 2–3 years of professional experience who can independently build production-ready web applications using React.js and Next.js.

The role is especially suited to developers interested in headless/API-first architecture, component-driven development, web performance, Storybook, REST APIs, and modern frontend engineering practices.

Key Skills

• React.js
• Next.js
• JavaScript
• TypeScript
• HTML5
• CSS3
• SASS / SCSS
• Responsive Web Development
• RESTful APIs
• Headless Architecture
• API-First Development
• Node.js
• Fastify
• BFF Architecture
• Storybook
• Jest
• Core Web Vitals
• Figma
• Azure DevOps
• SSR / CSR
• WCAG / ARIA
• Monorepo Architecture
• CI/CD
• Git

Priority Skills

Highest priority:

• Next.js
• React.js
• JavaScript fundamentals
• TypeScript
• HTML5 / CSS3 / SCSS
• REST API integration
• Responsive frontend development
• SSR vs CSR
• Async JavaScript
• Component-based development

Strong advantages:

• Storybook
• Node.js / Fastify
• BFF architecture
• Core Web Vitals
• Jest
• Web accessibility
• WCAG / ARIA
• Monorepo architecture
• Azure DevOps
• CI/CD

What to Prepare

• Next.js architecture
• SSR, CSR, SSG, and ISR
• React component architecture
• JavaScript Promises
• Closures
• async/await
• Event loop
• Async error handling
• Custom React Hooks
• TypeScript
• REST API integration
• Headless architecture
• API-first development
• BFF patterns
• Node.js / Fastify
• Storybook
• Jest
• Core Web Vitals
• LCP, CLS, and INP
• Chrome DevTools / Lighthouse
• Semantic HTML
• Keyboard navigation
• ARIA
• WCAG
• CI/CD workflows
• Agile development

What to Focus On

1. Next.js & Rendering

Be prepared to explain the differences between:

• SSR — Server-Side Rendering
• CSR — Client-Side Rendering
• SSG — Static Site Generation
• ISR — Incremental Static Regeneration

Focus on when each approach makes sense for e-commerce and content-heavy applications.

2. JavaScript Fundamentals

Be comfortable explaining and coding:

• Promises
• async/await
• Closures
• Event loop
• Error handling
• Asynchronous requests
• Array and object operations
• Custom React Hooks

3. Headless & API Architecture

Understand how frontend applications communicate with:

• REST APIs
• Headless CMS platforms
• Backend microservices
• BFF services

Know the purpose of using a Node.js/Fastify BFF layer between the frontend and backend services.

4. Component Development

Focus on reusable, isolated components.

Prepare for:

• Storybook
• Component variants
• Props
• Responsive states
• Component documentation
• Component testing
• Reusable design systems

5. Performance

Understand Core Web Vitals, particularly:

• LCP — Largest Contentful Paint
• CLS — Cumulative Layout Shift
• INP — Interaction to Next Paint

Know how tools such as Chrome DevTools and Lighthouse can be used to identify and improve frontend performance issues.

6. Accessibility

Prepare practical accessibility concepts including:

• Semantic HTML
• Keyboard navigation
• ARIA attributes
• Accessible forms
• Screen-reader considerations
• WCAG principles

7. Production Engineering

Be prepared to demonstrate that you can work beyond writing UI code:

• Unit testing with Jest
• Linting
• CI/CD
• Azure DevOps
• Code reviews
• Debugging
• Agile delivery
• Collaboration with QA, UX, backend developers, and Product Owners

Potential Gaps

Candidates may need additional preparation if they have:

• Strong React experience but limited Next.js experience
• Weak TypeScript knowledge
• Limited SSR/CSR/SSG/ISR understanding
• Little exposure to headless architecture
• No BFF experience
• Limited Node.js or Fastify knowledge
• No Storybook experience
• Weak Jest/unit-testing experience
• Limited Core Web Vitals knowledge
• Little accessibility experience
• No monorepo exposure
• Limited CI/CD experience
• Weak understanding of production debugging

────────────────────

JOB DETAILS

Original Role Information

Role: FrontEnd Developer (Analyst - ACS SONG)
Job Number: R00357362
Management Level: Level 11 – Analyst
Type: Full Time | Packaged Application Development
Location: Kochi, India
Experience: 2–3 Years

The role focuses on developing modern, scalable web applications for digital and e-commerce platforms using React.js, Next.js, JavaScript, and TypeScript, while integrating headless backend services and maintaining strong performance and accessibility standards.

Responsibilities

Frontend Development

• Translate Figma wireframes and user workflows into frontend applications.
• Build modular and reusable React and Next.js components.
• Develop responsive interfaces.
• Use HTML5, CSS3/SCSS, JavaScript, and TypeScript.
• Maintain clean and scalable frontend architecture.

API & Headless Integration

• Integrate RESTful APIs.
• Connect frontend applications with backend microservices.
• Work with headless backend architectures.
• Integrate with BFF layers.
• Work with Node.js and Fastify-based services.
• Handle asynchronous requests and partial updates.

Performance Optimization

• Optimize frontend loading performance.
• Improve Core Web Vitals.
• Ensure responsive cross-browser experiences.
• Identify and resolve frontend performance bottlenecks.

Testing & Quality

• Write unit tests using Jest.
• Follow linting and code-quality standards.
• Develop and document components using Storybook.
• Participate in code reviews.
• Maintain clean and maintainable code.

Agile & Delivery

• Participate in sprint planning.
• Attend daily standups.
• Participate in code reviews.
• Work with Product Owners.
• Collaborate with QA teams.
• Work closely with UX designers.
• Participate in CI/CD workflows.

────────────────────

REQUIREMENTS

Experience

• 2–3 years of professional frontend development experience.
• Experience building production-ready web applications.
• Experience with modern React and Next.js development.

Core Frontend

• Next.js
• React.js
• JavaScript
• TypeScript
• HTML5
• CSS3
• SASS / SCSS
• Responsive DOM design

JavaScript Knowledge

• Promises
• Closures
• async/await
• Asynchronous request handling
• Event loop
• Error handling

API & Architecture

• RESTful APIs
• Headless architecture
• API-driven frontend development
• Backend microservices
• BFF concepts
• Node.js
• Fastify
• SSR
• CSR

Testing & Tools

• Jest
• Storybook
• Figma
• Azure DevOps
• CI/CD
• Git
• Linting

Good-to-Have

• Storybook component development
• Node.js / Fastify BFF experience
• WCAG
• ARIA
• Web accessibility
• Monorepo architectures
• Core Web Vitals optimization

Soft Skills

• Problem-solving
• Collaboration
• Communication
• Agile teamwork
• Independent development
• Debugging
• Ability to work with designers and backend engineers
• Ability to deliver within sprint timelines

────────────────────

QUALIFICATIONS

• Graduation degree with accurate educational documentation.
• 2–3 years of professional frontend development experience.
• Strong React.js and Next.js knowledge.
• Strong JavaScript fundamentals.
• TypeScript experience.
• HTML5 and CSS3/SCSS proficiency.
• REST API integration experience.
• Understanding of headless/API-first architecture.
• Understanding of SSR and CSR.
• Experience with frontend testing and code quality practices.
• Familiarity with Agile development and CI/CD workflows.

────────────────────

INTERVIEW PREPARATION

Phase 1 — Next.js & Modern JavaScript

• Revise SSR, CSR, SSG, and ISR.
• Practice Promises and async/await.
• Understand closures and the event loop.
• Practice custom React Hooks.
• Review TypeScript fundamentals.

Phase 2 — Headless Architecture & Storybook

• Build a small React/Next.js component library.
• Document components in Storybook.
• Practice component variants and responsive states.
• Build a small application consuming a REST API.
• Understand how a BFF can aggregate backend services.

Phase 3 — Performance & Accessibility

• Learn LCP, CLS, and INP.
• Practice using Lighthouse and Chrome DevTools.
• Optimize images, scripts, rendering, and DOM structure.
• Practice semantic HTML.
• Implement keyboard navigation and basic ARIA attributes.

Phase 4 — Portfolio & Interview

• Prepare a clean GitHub project using Next.js and TypeScript.
• Include Jest unit tests.
• Include a clear component structure.
• Demonstrate REST API integration.
• Have a deployed project available if possible.
• Prepare examples of debugging production issues.
• Prepare examples of collaborating with designers and backend developers.
• Be ready to explain how you handled a challenging sprint or delivery deadline.