Candidate Profile:
-
Name: Ananya R.
-
Degree: B.Tech in Computer Science, 2023
-
Portfolio: ananya-r.dev (React + Node projects)
-
Resume Highlights: Weather App (React), Chart.js Dashboard Clone, REST API blog system (Node + Mongo)
📍 Interview Details:
-
Slot: Monday, 17th June 2025, 11:00 AM
-
Mode: On-Site (Bengaluru Office, TGS Tower – 3rd Floor)
-
Duration: 45 mins technical + 15 mins HR
-
Panel: 2 Interviewers (1 frontend lead, 1 HR exec)
Round 1: Technical Interview (React + JS Focus)
Q1. Explain the difference between state and props in React.
👉 Candidate Answer:
"Props are inputs to a component, immutable from the child’s perspective. State is managed within the component and is mutable. Props come from the parent, state is internal."
✅ Correct — Clear and to the point.
Q2. How would you implement role-based access in a frontend React app?
👉 Candidate Answer:
"I’d store user role info in Redux after login, and use it in conditional rendering — for example, <Route> guards or checking roles before showing dashboard features."
✅ Correct — Bonus for mentioning Redux.
Q3. What’s the role of Webpack in a React app?
👉 Candidate Answer:
"Webpack is a module bundler that compiles all JavaScript, CSS, and assets into optimized bundles for production. I’ve used it to configure build scripts and dev servers."
✅ Correct
Q4. Explain how Chart.js can be integrated into a React project.
👉 Candidate Answer:
"By using the react-chartjs-2 wrapper or directly importing Chart.js, and binding data from state to chart props. I’ve done this in a dashboard project for showing analytics."
✅ Correct
Q5. Can you show or describe one of your React projects with API integration?
👉 Candidate Answer:
"I built a weather app using OpenWeather API, used Axios for fetch, state to handle loading/errors, and handled the display using cards with Material-UI. It’s on my portfolio."
✅ Correct — Good clarity and real-world implementation.
Missed or Weak Answer
Q6. What is the virtual DOM, and how does React use it?
👉 Candidate Answer:
"It’s like… a lightweight copy of the real DOM, but I’m not very clear on how it works in updates."
❌ Feedback: Could not clearly explain diffing or reconciliation. Basic understanding, but not deep.
Interviewer Technical Feedback:
-
Strong grasp of React basics
-
Practical experience with API integration and libraries like Redux & Chart.js
-
Weak on React internals (virtual DOM concept needs clarity)
Round 2: HR Interview (15 mins)
Q1. Tell me about yourself in 1 minute.
👉 "I’m Ananya, a 2023 CS grad from Bangalore. I’m passionate about frontend development — I’ve built projects using React, Node, and REST APIs. I enjoy building clean UIs and learning new libraries. Outside tech, I’m a classical dancer and write tech blogs on weekends."
✅ Excellent — Crisp, personal, and technically balanced.
Q2. Why do you want to work at Team Geek Solutions?
👉 "Because of your AI focus and tech stack — I’ve read about your BOT model and global projects. I want to be part of a team working on scalable, real-world products, and I think your focus on reusable code aligns with how I write frontend code."
✅ Good — Mentioned company values and made it personal.
Q3. Are you comfortable working from the Bengaluru office full-time?
👉 "Yes, I’ve relocated already and prefer working onsite for better collaboration, especially as a fresher."
✅ Perfect
HR Feedback:
-
Communication: Clear and fluent
-
Confidence: Natural and friendly tone
-
Culture Fit: Very positive
-
Improvement Area: Could add more enthusiasm in personal strengths
✅ Realistic Takeaways
-
Fresher Tip: Real-world React projects with charts, Redux, and routing = huge plus.
-
Common Miss: Weak explanation of virtual DOM and lifecycle.
-
HR Hack: Personal connection + knowing the company’s offerings boosts your odds.