AI is analyzing your overall score…
Identifying your key strengths…
Evaluating your skill match against the job requirements…
Assessing your cultural and operational fit
Senior Frontend Engineer with 3+ years in React.js & Next.js
Results-driven Frontend Developer with 3+ years of experience building scalable, high-performance React.js and Next.js web applications across HealthTech, FinTech, EdTech, and Enterprise SaaS domains. Designed compound component pattern library (Tabs, Accordion, Combobox, DateRangePicker) with fully controlled and uncontrolled modes published to internal npm enabling consistent UI primitives across 5 product squads. Implemented Next.js parallel routes and intercepting routes enabling modal-based product quick-view overlays that preserve full-page URL state for shareable deep-links without additional navigation. Built Redux Toolkit with RTK Query cache tag invalidation system ensuring atomic UI updates when backend mutations affect multiple related entity lists simultaneously across dashboard views. Developed custom useFormStepper hook managing multi-step form state, field-level validation, step completion tracking, and resume-from-step persistence via sessionStorage across complex onboarding flows. Delivered real-time collaborative features using Yjs CRDT library with WebSocket provider enabling conflict-free concurrent document editing for 50+ simultaneous users without operational transform complexity. Implemented React Query with infinite scroll using IntersectionObserver eliminating manual pagination state and achieving smooth continuous data loading for feeds with 100,000+ entries. Configured module-level CSS Modules with TypeScript typed classname imports eliminating style collision issues across 80+ independently developed component modules in a large monorepo. Built Storybook-driven development workflow with accessibility addon (axe-core) catching WCAG violations at component level before code reaches PR review saving 2 QA cycles per sprint. Optimised Time to Interactive from 6.8 seconds to 2.1 seconds on healthcare portal by implementing critical CSS inlining, font subsetting, and selective hydration using React 18 Suspense boundaries. Collaborated in cross
Bharath Institute of Higher Education And Research
B.Tech · Biomedical Engineering
August 1, 2019 – June 30, 2023
AU Technology Consulting Private Limited
Software Engineer
January 1, 2023 – Present
Bengaluru, Karnataka, India
CareBoard – Huma Health Platform
January 1, 2023 – Present
Remote patient monitoring platform enabling clinicians to track biometric readings, review clinical alerts, manage care pathways, and conduct teleconsultations for 50,000+ enrolled patients. Built compound component pattern for clinical alert card (AlertCard.Root, AlertCard.Severity, AlertCard.Actions) enabling flexible composition across Patient List, Dashboard, and Notification modules. Implemented RTK Query with cache tag invalidation: mutating a patient's care plan invalidates both PatientDetail and ClinicalAlerts cache tags triggering simultaneous UI refresh across two dashboard panels. Developed custom useVitalsChart hook wrapping Recharts LineChart with configurable threshold bands, reference lines for normal ranges, and zoom-reset controls for clinician review of 90-day biometric trends. Built Next.js parallel routes enabling patient profile modal to overlay on the patient list page preserving URL (/patients/[id]) so clinicians can share direct patient links without losing list context. Implemented selective hydration using React 18 Suspense boundaries deferring heavy chart components until after critical patient summary cards render improving Time to Interactive by 3.2 seconds. Configured RTK Query polling (refetchOnMountOrArgChange: 30) for real-time alert inbox keeping clinician dashboards current without manual refresh during active patient monitoring sessions. Built RBAC component wrapper rendering patient PHI fields only for roles with data_access claim in JWT payload ensuring HIPAA-compliant conditional rendering throughout the clinical portal. Wrote 200+ Jest tests with React Testing Library for clinical alert reducers, useVitalsChart hook, and RBAC-controlled render trees achieving 86% coverage enforced in GitHub Actions CI. Configured Storybook with axe-core accessibility addon catching 8 WCAG violations in clinical form components before PR review eliminating separate accessibility audit sprint cycles. Achieved Lighthouse performance score of 92 on patient dashboard by implementing font subsetting, critical CSS inlining, and lazy-loaded chart bundles behind Suspense boundaries.
LendIQ – Mambu Core Banking Frontend
January 1, 2023 – Present
Cloud-native loan origination and account servicing frontend for a European neobank processing €2M daily transactions covering application intake, credit assessment, disbursement, and repayment tracking. Designed multi-step loan application form using React Hook Form with Zod schema per step enabling field-level validation, step-back data preservation, and progress auto-save to sessionStorage. Implemented Redux Saga channel for WebSocket credit decision events displaying real-time APPROVED/REFERRED/DECLINED status badge update on application tracker without polling overhead. Built Apollo Client normalised cache with custom keyFields for Mambu loan account entities enabling shared loan balance data between Application Tracker and Account Summary components. Developed GraphQL subscription listener for disbursement status events updating payment timeline component in real-time as funds move through INITIATED → PROCESSING → CREDITED states. Implemented OAuth 2.0 PKCE flow with automatic silent refresh using iframe technique renewing Mambu API tokens before expiry without disrupting active loan officer session context. Created responsive Material UI DataGrid for loan portfolio view with server-side sorting, column-level filter chips persisted in URL params enabling shareable filtered portfolio links. Built custom SCSS design system with Mambu brand tokens (spacing-4 grid, primary-blue #1B4FBB, typography scale) ensuring visual consistency across origination and servicing portal sections. Optimised Apollo Query pagination with fetchMore cursor-based loading rendering 10,000+ loan accounts smoothly using react-window virtualised list without memory accumulation. Wrote 160+ Jest tests with MSW intercepting GraphQL queries and mutations for loan flow components with snapshot regression tests for Material UI DataGrid filter state rendering. Deployed loan origination frontend on Firebase Hosting with preview channels per feature branch enabling Mambu product managers to review UI changes in isolated preview URLs.
LearnForge – Learnosity Assessment Engine
January 1, 2023 – Present
Digital assessment authoring and delivery platform enabling 500+ education publishers to build adaptive question banks, schedule timed assessments, and analyse student performance at scale. Built question authoring drag-and-drop interface using react-dnd enabling publishers to reorder items, nest sub-questions, and reorganise section groups with optimistic list reordering updates. Implemented collaborative authoring using Yjs CRDT with WebSocket provider enabling 3 co-authors to edit question content simultaneously with conflict-free merge and real-time cursor presence. Developed adaptive assessment engine UI displaying next question based on IRT difficulty response received from GraphQL subscription simulating real CAT (Computer Adaptive Testing) behaviour. Built timed assessment countdown component using useEffect cleanup to pause timer on browser visibility API hide event preventing unfair time loss during accidental tab switches. Implemented Next.js ISR for published question bank catalog pages with 120-second revalidation keeping question availability and metadata near-real-time without full SSR overhead per request. Configured TypeScript discriminated unions for question type rendering (MultipleChoice | ShortAnswer | Essay | MatchingPairs | DragAndDrop) enabling exhaustive switch rendering with compile-time safety. Built student performance analytics dashboard with Recharts radar chart for competency scores, Gantt-style time-on-question heatmap, and Z-score distribution histogram per assessment cohort. Wrote 140+ Cypress E2E tests covering assessment authoring, timed delivery, and analytics navigation with cy.clock() for time-based countdown component testing without real wait. Configured Jenkins pipeline with Lighthouse CI performance budget checks failing builds when TTI exceeds 3 seconds on assessment delivery page ensuring consistent student load experience. Achieved Lighthouse accessibility score of 96 on assessment delivery interface by implementing full keyboard navigation, screen reader announcements for timer events, and focus trap for modal overlays.
OpsHub – Papirfly Brand Asset Management
January 1, 2023 – Present
Enterprise digital asset management and brand compliance platform enabling 500+ brand managers to store, tag, version-control, distribute assets, and enforce brand guidelines across 30+ markets. Built custom useFormStepper hook for asset upload wizard managing file selection, metadata entry, rights clearance, and brand compliance check steps with resume-from-step via sessionStorage. Implemented Redux Toolkit with optimistic mutation for asset approval toggling showing instant UI state change and rolling back via RTK Query error handler if approval API returns 409 conflict. Developed asset version history timeline using React component with SVG connector lines, expandable diff-summary accordion, and one-click restore modal with confirmation and audit reason capture. Built brand compliance checker using Web Worker offloading image colour analysis from main thread preventing UI freeze during Papirfly's 200ms colour palette validation for uploaded images. Configured TypeScript generic AssetMetadata interface enabling type-safe metadata form field rendering per asset type (Image, Video, Template, Document) with discriminated unions. Implemented Next.js App Router with route groups organising Brand Library, Campaign, and Compliance into separately cached layouts enabling independent revalidation without full portal refresh. Built CSS Modules with TypeScript typed classname imports for all 60+ asset management components eliminating style collision from parallel development across 3 feature teams in the monorepo. Applied Docker multi-stage build reducing OpsHub production image from 1.3GB to 195MB enabling sub-60-second Vercel preview deployment per PR for Papirfly QA environment review. Wrote 190+ Jest unit tests for asset upload hook, compliance checker Web Worker messaging, and Redux Toolkit slice reducers achieving 88% code coverage enforced in GitHub Actions pipeline. Deployed on Vercel with Edge Middleware enforcing Papirfly SSO JWT validation before Next.js page rendering ensuring unauthenticated asset access is blocked at CDN edge layer.
Cultural Fit Analysis
The candidate's project experience spans diverse domains (HealthTech, FinTech, EdTech, Enterprise SaaS), indicating adaptability and a broad interest in different problem spaces. The detailed descriptions of collaboration (cross-functional Agile squads, RFC proposals, API contract design reviews) suggest a team-oriented mindset. The focus on accessibility, performance, and robust testing aligns with best practices often valued in high-performing engineering cultures. The candidate's background in Biomedical Engineering, while not directly related to software, could indicate a unique perspective and analytical rigor.
Soft Skills & Operational Fit
The candidate demonstrates strong problem-solving skills by tackling complex challenges like collaborative editing with CRDTs, real-time data synchronization, and performance optimization. Their detailed project descriptions indicate a structured approach to development and an understanding of operational best practices (CI/CD, testing, accessibility). The breadth of technologies and domains suggests adaptability and a proactive learning attitude, which are crucial for a senior role.