Identifying Knowledge Gaps

Trace a request through the browser, Next.js server, API layer, and database in a full-stack application.

Use terminal commands and npm scripts to create, run, build, and inspect a web project.

Use Git branches, commits, merges, and pull requests to manage a client project safely.

Structure a page with semantic HTML landmarks, headings, links, images, and forms.

Create responsive layouts with the CSS box model, Flexbox, Grid, and media queries.

Use browser developer tools to inspect layout, network requests, console errors, and accessibility issues.

Reproduce a small responsive webpage from a visual reference without AI-generated code.

Choose appropriate JavaScript primitive values, variables, comparisons, and control-flow constructs for a given task.

Explain how lexical scope, closures, and the call stack affect a short JavaScript program.

Write reusable functions using parameters, return values, default values, and arrow syntax.

Transform arrays using map, filter, reduce, find, and sort without mutating source data unnecessarily.

Create and transform nested objects using destructuring, spread syntax, optional chaining, and nullish coalescing.

Organize browser or server code with ES modules and named or default imports.

Use promises and async/await to coordinate asynchronous operations.

Handle failed asynchronous operations with validation, try/catch, and useful error messages.

Add TypeScript to a JavaScript project and resolve errors caused by strict compiler settings.

Annotate variables, function parameters, and return values while relying on inference where appropriate.

Model application data with object types, interfaces, optional properties, and readonly properties.

Represent alternative states with unions and narrow them using control flow and discriminated unions.

Type DOM events, React props, state, and form handlers without using unnecessary any types.

Use generics to create one reusable, type-safe utility or response type.

Distinguish compile-time TypeScript checks from runtime validation of external data.

Build a React interface by decomposing a design into focused components.

Pass typed data and callbacks between parent and child components using props.

Manage local interface state and derive values without storing redundant state.

Implement controlled form fields, validation feedback, and submission states.

Use effects only for synchronization with external systems and clean them up correctly.

Create a custom hook that encapsulates reusable stateful behavior.

Explain component render behavior and fix an unnecessary or infinite re-render.

Implement a small React feature from a written requirement before consulting AI.

Organize a Next.js App Router project using routes, layouts, private folders, and colocated files.

Choose between Server and Client Components based on data access and interactivity requirements.

Create static, nested, and dynamic routes with appropriate route parameters.

Fetch server-side data and select an appropriate caching or revalidation strategy.

Implement loading, error, empty, and not-found states for a data-driven route.

Generate page-specific metadata for static and dynamic routes.

Optimize local and remote images and fonts using Next.js features.

Manage public and server-only environment variables without exposing secrets.

Turn a hospital marketing brief into a sitemap and user journeys for services, doctors, locations, and appointment leads.

Define a small visual system for typography, spacing, color, buttons, and feedback states.

Implement the visual system as reusable responsive styles or Tailwind CSS components.

Build keyboard-accessible navigation that works across mobile and desktop layouts.

Create reusable doctor, service, location, testimonial, and call-to-action components.

Build a focused landing page that aligns one visitor intent with one primary conversion action.

Audit a page for color contrast, keyboard access, labels, focus behavior, and screen-reader structure.

Design an HTTP API contract with clear resources, methods, status codes, request fields, and response shapes.

Implement a typed Next.js Route Handler for a single API resource.

Validate incoming API data at runtime with a schema and return field-specific errors.

Connect a Next.js application to MongoDB using a reusable server-only connection.

Design MongoDB collections for doctors, services, locations, and leads with appropriate references or embedding.

Implement create, read, update, and delete operations for one MongoDB resource.

Create and justify MongoDB indexes for common lookup and filtering queries.

Return consistent API errors without leaking stack traces, credentials, or sensitive data.

Map the data flow and likely threats for a hospital appointment or enquiry form.

Build a lead form with client-side usability checks and authoritative server-side validation.

Protect a public form with rate limiting, bot detection, and duplicate-submission controls.

Prevent common injection, cross-site scripting, cross-site request forgery, and open-redirect vulnerabilities in a Next.js workflow.

Store application secrets securely and apply security headers suitable for a production site.

Implement authenticated, role-restricted access to a basic lead-management screen.

Send lead notifications without exposing personal details in URLs, logs, analytics, or unsafe email content.

Create a data-minimization, consent, retention, and deletion checklist informed by India’s applicable privacy requirements.

Explain how crawling, rendering, indexing, canonicalization, and ranking apply to a Next.js website.

Configure indexable URLs, canonical tags, robots directives, and an XML sitemap for the site.

Create unique titles, descriptions, headings, and internal links for service, doctor, and location pages.

Implement and validate relevant schema.org structured data without adding unsupported medical claims.

Plan location and service page content that answers search intent without producing thin or duplicated pages.

Apply healthcare-content trust signals such as named reviewers, credentials, sources, update dates, and clear ownership.

Optimize images, scripts, fonts, and rendering to improve Core Web Vitals.

Configure Google Search Console and Google Business Profile checks for local visibility, indexing, and consistency.

Turn business goals into a measurement plan containing conversions, supporting events, properties, and success criteria.

Install Google Tag Manager and GA4 without loading duplicate tags.

Track appointment submissions, phone clicks, WhatsApp clicks, and key landing-page actions with consistent event data.

Configure thank-you states and conversion triggers that avoid counting duplicate leads.

Apply consent-aware analytics and advertising tag behavior appropriate to the target audience and region.

Link Google Ads and GA4 and configure a primary lead conversion for campaign optimization.

Use UTM parameters and landing-page dimensions to distinguish campaign traffic reliably.

Validate events and conversions using preview, debug, browser, and platform diagnostic tools.

Translate hospital services, locations, and lead targets into measurable Google Ads campaign objectives.

Identify healthcare advertising policy risks and exclude targeting or claims that could violate Google Ads rules.

Group search terms by intent and create a campaign and ad-group structure for services and locations.

Build a focused keyword list using match types and an initial negative-keyword list.

Write responsive search ad assets that align with the landing page and avoid unverifiable medical claims.

Configure location, schedule, device, budget, and bidding settings for a locally targeted launch.

Evaluate search terms, conversion quality, cost per lead, and landing-page behavior to identify wasted spend.

Make one controlled campaign or landing-page optimization based on conversion evidence.

Write unit tests for a validation rule or data-transformation function.

Write an integration test for a Next.js API endpoint backed by a test database or controlled substitute.

Create an end-to-end test for the path from landing page to successful lead confirmation.

Run performance, accessibility, SEO, and security checks and prioritize the findings by user and business impact.

Deploy a Next.js application with production environment variables, a custom domain, and HTTPS.

Configure structured logging, error monitoring, uptime checks, and a recoverable data-backup process.

Review AI-generated code for correctness, security, maintainability, and unnecessary complexity before accepting it.

Present the system architecture, demonstrate a feature, explain trade-offs, and debug a planted issue in a mock client or interview walkthrough.