React + TypeScript Developer Internship Test:
Professional Practices & Domain Knowledge
Instructions for the Candidate:
Thank you for taking the time to complete this assessment. This section evaluates your
understanding of development best practices, team collaboration, and relevant industry domain
knowledge.
Please answer these questions in the format you prefer:
● Option 1 (Preferred): Create a video answer (maximum 5 minutes) where you discuss
your responses to the questions.
● Option 2: Create a Google Doc containing your answers and share the link.
Language Option: You are welcome to answer the questions in English or Hindi.
Please do not feel the need to use overly precise or formal language (e.g., avoid using AI
tools to write the answers). We are interested in your genuine understanding and
communication style.
I. Development Workflow and Best Practices
1. Version Control (Git/GitHub):
○ Describe the steps you would take to implement a new feature. Assume you are
starting from the main branch, and you need to push your completed work for
review.
○ If you encounter a merge conflict when trying to combine your feature branch
back into the development branch, how would you resolve it? Detail your
process.
2. Debugging & Performance:
○ You receive a report that a page in the application is loading slowly, but it seems
fine on your local development machine. What are the first three steps you would
take to diagnose the performance issue?
○ If a complex component starts behaving unexpectedly in production (e.g., state
updates are missed or inconsistent), what tools or techniques would you use to
pinpoint the exact line of code causing the error?
3. Code Quality & Reusability:
○ Explain the principle of Separation of Concerns in the context of writing a React
component. How does this principle relate to creating "clean, modular, and
reusable code"?
○ Provide an example of a common utility function or custom Hook you might write
in a project to improve reusability and reduce boilerplate code.
4. UI/UX Collaboration:
○ If you are asked to review a new screen design, what are two specific
non-functional (i.e., not just "is it possible to code it?") aspects you would
scrutinize and potentially provide suggestions on?
II. Domain Knowledge (POS, Retail, Inventory)
5. Point of Sale (POS) Systems):
○ What is a Point of Sale (POS) system, and what is its primary function in a retail
business?
○ List three distinct data points or pieces of information that a frontend developer
would typically handle when processing a single customer transaction on a POS
interface.
6. Retail Workflows & Inventory:
○ Scenario: A cashier tries to sell an item, but the system shows an "Out of Stock"
warning, even though a manual count shows 5 units available. What are two
possible reasons for this discrepancy from a technical perspective (data
synchronization, caching, etc.)?
III. Ownership and Communication
7. Handling Blockers:
○ You are assigned a task that requires an API endpoint, but the backend team has
informed you they won't have it ready for another three days. How would you
handle this situation to ensure you are still taking "ownership of real-world
development tasks" and maximize your productivity during this waiting period?