Genpact Uppal Interview Questions and Answers

Q1. Given UI task display like display boxes side by side in desktop screen and one after the other in mobile screen using media queries?
Add your answer
Q2. Explain difference between authorization vs authentication?
Ans. 
Authentication verifies a user's identity, while authorization determines what a user can access.
• Authentication confirms a user's identity through credentials like username and password.

• Authorization controls access to resources based on the authenticated user's permissions.

• Example: Logging into a website (authentication) and then being able to view/edit specific pages based on your role (authorization).
Answered by AI
Add your answer
Q3. How to render list in react? Also explain difference between state vs prop in react?
Ans. 
To render a list in React, use map() function to iterate over an array of data and return a list of components. State is mutable data managed within a component, while props are immutable data passed from parent to child components.
• To render a list in React, use map() function to iterate over an array of data and return a list of components.

• Example: const items = ['item1', 'item2', 'item3']; items.map(item =>

• read more
Answered by AI
Add your answer

Q1. What are the webpage optimization techniques? How to check webpage optimization? In lighthouse optimization reports , how to fix issue related render blocking scripts?
Ans. 
Webpage optimization techniques include minifying CSS and JS files, optimizing images, using asynchronous loading for scripts, and reducing render-blocking scripts.
• Minify CSS and JS files to reduce file sizes and improve loading times.

• Optimize images by compressing them and using the correct file format (e.g. JPEG for photographs, PNG for graphics).

• Use asynchronous loading for scripts to prevent them from blocking the ...read more
Answered by AI
Add your answer
Q2. Write scss code nested li element by applying background color 2 element and also use mixins?
Ans. 
Use SCSS to apply background color to nested li elements and utilize mixins.
• Use nesting to target the li elements within a parent element

• Apply background color to the 2nd li element using the :nth-child() selector

• Define and use mixins to reuse styles across the codebase
Answered by AI
Add your answer
Q3. How to fix cumulative layout shift issues?
Ans. 
To fix cumulative layout shift issues, ensure all images and media have dimensions specified in HTML, use CSS aspect ratio boxes, and prioritize loading critical resources.
• Specify dimensions for all images and media in HTML to prevent layout shifts.

• Use CSS aspect ratio boxes to reserve space for images before they load.

• Prioritize loading critical resources to avoid sudden layout changes.
Answered by AI
Add your answer

Q1. Tell me about yourself
Ans. 
I am a creative UI UX Designer with a passion for user-centered design and problem-solving.
• Experienced in creating wireframes, prototypes, and user flows

• Strong understanding of design principles and usability

• Skilled in using design tools such as Adobe XD, Sketch, and Figma

• Collaborative team player with excellent communication skills
Answered by AI
Add your answer
Q2. Explain UI UX process
Ans. 
UI UX process involves designing user interfaces and experiences to create intuitive and engaging digital products.
• Research and analysis to understand user needs and behaviors

• Wireframing and prototyping to visualize design concepts

• Iterative design process to gather feedback and make improvements

• Collaboration with developers to ensure design feasibility

• User testing to validate design decisions
Answered by AI
Add your answer

Q1. Portfolio presentation
Add your answer
Q2. Question on portfolio
Add your answer

Q1. Data base code questions: Array and string
Add your answer
Q2. HTML, CSS, JS Basic questions
Add your answer

Q1. What's your father do..
Ans. 
My father is a software engineer who works for a tech company.
• Father is a software engineer

• Works for a tech company
Answered by AI
Add your answer
Q2. Tell me family details
Add your answer

This is coding + mcq question

Q1. What is react class based conponent?
Add your answer
Q2. What is mixins?
Add your answer
Q3. What are react lifecycles?
Add your answer

Q1. WHat is event loop?
Ans. 
Event loop is a mechanism in JavaScript that allows for asynchronous operations to be executed in a non-blocking way.
• Event loop is responsible for handling asynchronous operations in JavaScript.

• It allows for non-blocking execution of code by continuously checking the call stack and the task queue.

• When the call stack is empty, the event loop moves tasks from the task queue to the call stack for execution.

• Example: setTim...read more
Answered by AI
Add your answer
Q2. What is DOM ?
Ans. 
DOM stands for Document Object Model, a programming interface for web documents.
• DOM is a tree-like structure that represents the elements of a web page.

• It allows developers to manipulate the content, structure, and style of a web page using scripting languages like JavaScript.

• DOM provides methods and properties to interact with HTML elements, such as selecting, adding, removing, or modifying them.

• Example: document.getE...read more
Answered by AI
Add your answer

Q1. 1) Introduce Yourself. Walkthrough your Projects.
Add your answer
Q2. 2) Design Process, Design Systems, Components, User Research Methods.
Add your answer

Q1. React virtual dom, how it works
Ans. 
React virtual DOM is a lightweight copy of the actual DOM, which allows React to efficiently update and render components.
• React creates a virtual DOM tree that mirrors the actual DOM.

• When changes occur, React compares the virtual DOM with the previous version to identify the minimal updates needed.

• React then updates the virtual DOM and efficiently applies the changes to the actual DOM.

• This process helps in optimizing p...read more
Answered by AI
View 1 more answer
Q2. Explain redux, and flow
Ans. 
Redux is a predictable state container for JavaScript apps. Flow is a static type checker for JavaScript.
• Redux is a state management library for JavaScript applications.

• It helps in managing the state of an application in a predictable way.

• It follows a unidirectional data flow pattern.

• Flow is a static type checker for JavaScript that helps in catching errors before runtime.

• It helps in improving the quality of code and r
Answered by AI
Add your answer

Q1. Explain unit testing
Ans. 
Unit testing is a software testing technique where individual units or components of a software application are tested in isolation from the rest of the application.
• Unit testing is done to ensure that each unit of the software application is working as expected.

• It helps in identifying and fixing bugs early in the development cycle.

• Unit tests are automated and can be run frequently to ensure that changes made to the cod...read more
Answered by AI
Add your answer
Q2. Explain routing in react
Ans. 
Routing in React is the process of navigating between different components or pages based on the URL.
• React Router is a popular library for handling routing in React

• It allows for declarative routing with components and URLs

• Routes can be defined with parameters and nested routes

• Navigation can be done with Link and NavLink components

• Programmatic navigation can be done with the useHistory hook
Answered by AI
Add your answer