Reliance Smart Frontend Engineer Interview: Rounds, Questions and Preparation

What the job involves

A Frontend Engineer at a large retail or D2C company builds and maintains the customer-facing web interfaces for e-commerce platforms, including product listing pages, search, cart, checkout, and account flows. Day to day, you will work with designers, backend engineers, and product managers to ship responsive, fast, and accessible pages that handle high traffic during sales events. You will also debug production issues, optimise page load times, and ensure the site works smoothly across devices and browsers.

Role and E-commerce Domain Knowledge

1. 1

   How would you optimise a product listing page that shows hundreds of items for fast loading on low-end mobile devices?

   Mention lazy loading images, pagination or infinite scroll, skeleton screens, and minimising JavaScript bundles. Also talk about using responsive images and caching.

2. 2

   Explain how you would implement a 'Add to Cart' feature that updates the cart count without a full page reload.

   Cover using AJAX/fetch to call a cart API, updating local state or a global store, and reflecting the count in the header. Mention handling errors and optimistic UI updates.

3. 3

   What are the key differences between building a frontend for a D2C brand versus a marketplace like Reliance Smart?

   Focus on customisation, brand experience, and personalisation for D2C, versus scale, search, and multiple sellers for a marketplace. Show awareness of user expectations.

4. 4

   How would you ensure a checkout page is accessible to users with disabilities?

   Mention semantic HTML, ARIA labels, keyboard navigation, colour contrast, and testing with screen readers. Also talk about form validation and error messages being announced.

Technical Fundamentals and Coding

1. 5

   What is the difference between var, let, and const in JavaScript? Give an example of a bug caused by using var in a loop.

   Explain scoping, hoisting, and temporal dead zone. The bug example should show how var in a loop with setTimeout leads to unexpected output.

2. 6

   Write a function that takes an array of product objects and returns a new array with only the products that are in stock and have a price below 500.

   Use filter and map. Show clean code with descriptive variable names and handle edge cases like empty array or missing properties.

3. 7

   Explain how React's useEffect hook works and how you would use it to fetch product data when a category changes.

   Cover dependency array, cleanup function to avoid race conditions, and loading/error states. Mention using AbortController for cancelling requests.

4. 8

   How would you make a website responsive using CSS? Describe a layout you built for a mobile-first product page.

   Talk about media queries, Flexbox, Grid, relative units, and mobile-first approach. Give a concrete example of a product card layout that stacks on mobile and becomes a grid on desktop.

Practical Scenarios and Problem Solving

1. 9

   You are working on a sale day and the website suddenly becomes slow. How would you debug and fix the frontend performance issue?

   Mention using Chrome DevTools Performance tab, checking network waterfall, identifying large bundles, and lazy loading non-critical resources. Also talk about CDN and caching.

2. 10

   A user reports that the 'Apply Coupon' button does not work on Safari but works on Chrome. How would you approach this bug?

   Talk about checking browser compatibility, using caniuse.com, polyfills, and testing in Safari. Mention looking at console errors and event handling differences.

3. 11

   How would you handle a situation where the backend API for product details is down? What fallback UI would you show?

   Suggest showing a friendly error message, cached data if available, and a retry button. Mention logging the error and not blocking the whole page.

4. 12

   You need to implement a search bar with autocomplete suggestions. What frontend considerations would you keep in mind?

   Cover debouncing to reduce API calls, keyboard navigation, accessibility, and handling empty results. Mention caching recent searches.

Behavioural and HR Questions

1. 13

   Tell me about a time you had to learn a new frontend technology quickly for a project. How did you go about it?

   Use the STAR method. Show initiative, structured learning, and how you applied it to deliver results. Mention any online resources or documentation you used.

2. 14

   Describe a situation where you disagreed with a teammate's technical approach. How did you resolve it?

   Focus on communication, data-driven discussion, and willingness to compromise. Show that you prioritise the project's success over being right.

3. 15

   Why do you want to work as a frontend engineer in the e-commerce and retail sector?

   Connect your interest in user experience and scale to the challenges of e-commerce, like high traffic and conversion optimisation. Mention specific aspects of retail or D2C that excite you.

4. 16

   How do you handle tight deadlines when multiple features are due at the same time?

   Talk about prioritisation, communication with stakeholders, and breaking work into smaller tasks. Give an example of a time you managed multiple deadlines successfully.