Unstop Front end Engineer Interview Questions and Answers

It was a live coding round where expectation was to come up with a framework in Java from Scratch

Q1. It was a DS/Algo Round
Add your answer

Q1. Design Round in HLD
Ans. 
Design Round in HLD involves creating a high-level design for a software system.
• Identify the main components of the system and their interactions

• Define the architecture of the system including layers, modules, and interfaces

• Consider scalability, performance, security, and maintainability

• Use UML diagrams like class diagrams, sequence diagrams, and component diagrams

• Document the design decisions and rationale
Answered by AI
Add your answer

There were 3 questions, which I had to do in 2 hours.
the questions were from arrays and Strings

Q1. They asked me concepts on OOPS and OS, also coding question on strings. all these were basic questions
Add your answer

Q1. Questions such as where do you see yourself in coming years, interests and hobbies.
Add your answer

2 questions, Easy and medium based

Q1. Stacks queues and array questions
Add your answer

Q1. Technical questions on projects
Add your answer

Q1. How to tackle any uncertain situations? Behavioural questions
Add your answer

Q1. Let var const difference
Ans. 
var, let, and const are all used to declare variables in JavaScript, but they have different scopes and mutability.
• var is function-scoped and can be redeclared and reassigned

• let is block-scoped and can be reassigned but not redeclared

• const is block-scoped and cannot be reassigned or redeclared
Answered by AI
Add your answer
Q2. Polyfills of bind method
Ans. 
Polyfills of bind method provide a way to use the bind method in older browsers that do not support it natively.
• Polyfill code typically checks if the bind method is available and if not, it creates a new function that mimics the behavior of bind.

• One common polyfill for the bind method is the following: Function.prototype.bind = Function.prototype.bind || function() { // polyfill code here };

• Polyfills are often used to ...read more
Answered by AI
Add your answer

Q1. Make a search bar in React
Ans. 
Create a search bar component in React for filtering data
• Create a functional component for the search bar

• Use state to store the search query

• Implement a onChange event handler to update the search query

• Filter the data based on the search query
Answered by AI
Add your answer
Q2. React js core concepts
Add your answer

Q1. How you structure your work
Ans. 
I structure my work by breaking down tasks, setting priorities, creating timelines, and regularly reviewing progress.
• Break down tasks into smaller, manageable chunks

• Set priorities based on deadlines and importance

• Create timelines to track progress and ensure timely completion

• Regularly review progress and adjust plans as needed
Answered by AI
Add your answer
Q2. How you make a project from scratch
Ans. 
To make a project from scratch, start by defining requirements, creating a plan, designing the architecture, implementing the code, testing, and deploying.
• Define project requirements and goals

• Create a project plan with timelines and milestones

• Design the architecture of the project, including database schema and system components

• Implement the code following best practices and coding standards

• Test the project thoroughly ...read more
Answered by AI
Add your answer

Q1. Largest island (graph question)
Add your answer
Q2. SQL question related to joins
Add your answer

Q1. About the databases and questions from system design
Add your answer

Q1. Questions based on concurrency , suitable databases HLD,LLD,book my show design
Add your answer

Q1. Salary discussion
Add your answer

Q1. Implement cache in the given architecture where read and write both are pretty frequent. What are the cache eviction mechanisms and which one should we follow here ?
Add your answer
Q2. Rotten oranges - leetcode graph question
Add your answer

Q1. Lazy loading in react
Ans. 
Lazy loading in React is a technique used to improve performance by loading components only when they are needed.
• Lazy loading helps reduce initial load time by splitting the code into smaller chunks.

• React.lazy() and Suspense are commonly used for lazy loading in React.

• Lazy loading is especially useful for large applications with many components.
Answered by AI
Add your answer
Q2. Cache bursting
Add your answer
Q3. Difference between == and ===
Ans. 
The difference between == and === is that == checks for equality after type coercion, while === checks for equality without type coercion.
• == is a loose equality operator that performs type coercion before comparing two values.

• === is a strict equality operator that does not perform type coercion before comparing two values.

• Example: 1 == '1' will return true, but 1 === '1' will return false.
Answered by AI
Add your answer

Divisibility, LCM, HCF.
Numbers, Decimals, Fractions, Powers.
Profit, Loss.
Simple interest and Compound interest.
Speed, Distance, Time.
Work and wages.
Trains, Boats, Streams-upstream/downstream, Circular track questions.
Cistern and pipes.

Coding interviews test candidates' technical knowledge, coding ability, problem solving skills, and creativity, typically on a whiteboard.

Choose a topic based on the assignment.
2 Conduct research.
3 Write a thesis statement