ReactNext.jsTypeScriptAstroDigiGold UI

Frontend engineer for operational product interfaces.

I build clear React and Next.js interfaces for dashboards, KYC flows, transactions, and mobile-facing WebView journeys.

Recent work includes Novo DigiGold KYC and buy flows, Jumbo admin operations dashboards, promoter tooling embedded in mobile WebView, and performance/accessibility work across client products at Kreate.

Recruiter snapshot

3+

Years

Frontend experience

DigiGold

Domain

KYC, buy/sell, orders, dashboards

30-40%

Faster

Load-time improvements

90+

Lighthouse

Key production flows

Product UI

KYC, buy/sell, withdrawals, filters, forms

WebView debugging

WebView inspection on real Android devices

Review workflow

Cursor and Claude for review, refactor, docs

CI checks

Typed UI, validation, reviews, build checks

Experience

Work that maps to product delivery.

01

Latest role

Jumbo

Frontend Engineer | Delhi / Remote

Jan 2026 - Jun 2026

Shipped production frontend across Jumbo admin dashboards, Novo DigiGold web flows, promoter tooling, KYC onboarding, transactions, withdrawals, referrals, and support workflows.

Worked on Novo DigiGold KYC and buy/order flows, including server-driven KYC handling, verified PAN details, bank action cooldowns, bottom-sheet order details, and cleaner loading/completed states.

Built a React promoter tooling web app used inside mobile WebView, covering onboarding, dashboard metrics, KYC documents, referrals, transaction history, withdrawals, invoice preview, and WebView auth handling.

Debugged WebView issues on Android using chrome://inspect/#devices to inspect console logs, network calls, routing, storage, and DOM state when native logs were not enough.

ReactTypeScriptReact Native WebViewREST APIsReact Hook FormZodTanStack QueryTanStack RouterVite

ScopeProduct UI + API integration

QualityValidation, states, review discipline

OutputRecruiter-readable ownership proof

02

Client products

Kreate Technologies Pvt. Ltd.

Frontend Engineer | Ghaziabad

Sep 2023 - Nov 2025

Developed and maintained production applications using React, Next.js 14, and TypeScript with a strong focus on performance and accessibility.

Improved frontend performance by 30-40% using code-splitting, lazy loading, and asset optimization techniques.

Implemented scalable state management using React Query for server state and Redux Toolkit / Zustand for UI state, reducing redundant API calls by around 20%.

Built reusable TypeScript component patterns that reduced duplicate UI work and improved delivery speed.

ReactNext.js 14TypeScriptTailwind CSSFramer MotionRedux ToolkitZustandReact QueryGraphQL

ScopeProduct UI + API integration

QualityValidation, states, review discipline

OutputRecruiter-readable ownership proof

Case studies

Real frontend problems, not decorative project tiles.

Each case is written like a work sample: what broke, what I owned, what decisions mattered, and what improved.

01

Production work

Novo DigiGold KYC & Buy Journey

Jumbo DigiGold web app work covering server-driven KYC, verified PAN details, bank actions, order details, and the digital gold buy journey.

Problem
The DigiGold app needed clearer KYC and order flows that could handle server-driven status, verified user data, payment/order details, and mobile WebView constraints.
My role
Worked on KYC flow improvements, verified PAN/DOB display, bank action handling, order detail sheets, and the digital gold buy journey.
Result
Improved clarity and reliability across KYC, order details, and DigiGold buy flow interactions used in the mobile-facing web experience.

Technical decisions

  • Moved KYC UI closer to backend-driven state so screens could respond to verification, loading, completed, blocked, and retry states consistently.
  • Added guardrails such as bank action cooldowns and disabled actions during processing to reduce repeated user actions in sensitive flows.

Trade-offs

  • Kept visual treatment simple in sensitive KYC/payment screens so user state and next action stayed clear.
  • Accepted more explicit conditional rendering in order details to avoid showing irrelevant financial fields when they did not apply.

Evidence from the build

Implemented server-driven KYC UI handling and verified PAN/DOB display.

Improved bank action processing states and KYC bug handling.

Enhanced order detail sheets with conditional financial fields and support contact path.

Stack used

ReactTypeScriptREST APIsReact Hook FormZodRadix UIWebView

02

Production work

Promoter Tooling WebView App

React/Vite promoter tooling web app embedded inside mobile WebView for onboarding, KYC, referrals, transactions, withdrawals, and invoice preview.

Problem
Promoter workflows needed to run like a mobile app experience while still being shipped as a web module inside React Native WebView.
My role
Built and refined dashboard, onboarding, KYC, referrals, transaction history, withdrawal, invoice preview, auth, and WebView listener behavior.
Result
Created a maintainable mobile-facing web experience with clearer onboarding/KYC, referral, transaction, and withdrawal flows.

Technical decisions

  • Kept business logic and routing in the web layer while using WebView bridge utilities for native-specific behavior and auth token handling.
  • Added debugging support and used chrome://inspect/#devices to inspect console, network, storage, routing, and DOM state on Android devices.

Trade-offs

  • Accepted added bridge coordination to avoid maintaining a duplicate native UI implementation.
  • Prioritized stable forms, auth, file uploads, keyboard handling, pull-to-refresh, and loading states before decorative interactions.

Evidence from the build

Built KYC document/bank/referral routes and onboarding form/status flows.

Added transaction history with infinite loading and grouped month-wise display.

Handled withdrawal limits, amount validation, invoice PDF preview, and backend error messages.

Stack used

ReactTypeScriptReact Native WebViewREST APIsTanStack RouterTanStack QueryReact Hook FormZodChrome Inspect

03

Production work

Jumbo Admin Operations Dashboard

Internal admin dashboard modules for Novo business analytics, promoter operations, verification, withdrawals, support workflows, campaigns, and access-controlled tooling.

Problem
Ops, business, and support teams needed reliable admin screens for data-heavy workflows across users, promoters, campaigns, transactions, and withdrawals.
My role
Built and maintained modules for Novo dashboard/business analytics, offer campaign wizard, promoter profile, verification, withdrawal requests, support notifications, and combo products.
Result
Improved admin reliability for campaign setup, promoter verification, withdrawal review, support actions, and Novo business monitoring.

Technical decisions

  • Used table/search/filter patterns for operations-heavy screens and sheet/modal flows for focused review and approval actions.
  • Consolidated access configuration and route-level controls so sensitive admin tools were shown only to the right teams.

Trade-offs

  • Favored explicit admin workflows over hidden automation so reviewers could see context before approving, rejecting, blocking, or updating data.
  • Kept module boundaries around business areas even when shared table/form utilities could be reused.

Evidence from the build

Added Novo dashboard and business analytics modules with access control.

Built offer campaign status tabs, time selection, and wizard steps.

Worked on promoter profile, verification, withdrawal, support, combo product, and access configuration flows.

Stack used

ReactTypeScriptREST APIsTanStack TableReact Hook FormZodRadix UI

04

Production work

Cherry Shopping Astro Website

Astro marketing website for Cherry Shopping with responsive hero sections, CDN-backed images, app-store routing, SEO setup, and policy content cleanup.

Problem
Cherry needed a polished, fast marketing website that could explain the shopping app clearly, route users to the app store, and stay maintainable with static-site tooling.
My role
Built and refined the Astro website experience, including responsive/accessibility improvements, SEO setup, CDN image handling, project tooling, and content polish.
Result
Delivered a maintainable Astro website with cleaner hero responsiveness, app-store routing, sitemap/robots support, linting, formatting, and production-ready content structure.

Technical decisions

  • Used Astro for a lightweight marketing site with static output, TypeScript checks, sitemap generation, and focused frontend performance.
  • Served marketing imagery from CDN sources with configured image domains to keep the repository lean while preserving visual quality.

Trade-offs

  • Kept the site mostly static and content-led instead of overbuilding dynamic app behavior into a marketing surface.
  • Focused on responsive structure, accessibility, SEO, and clean build tooling before decorative motion.

Evidence from the build

Restructured the hero in Astro for responsiveness and accessibility.

Added Astro sitemap, robots, ESLint, Prettier, Tailwind CSS, and Astro build/check workflows.

Improved CDN-backed images, feature dimensions, Google Play URL routing, site description, and terms content clarity.

Stack used

AstroTypeScriptTailwind CSS 4Astro SitemapESLintPrettierCDN Images

05

Client work

Kreate Performance & Next.js Work

Production React and Next.js work across client products, public sites, and portal-style applications.

Problem
Client products needed faster pages, fewer duplicate API calls, stronger SEO, and reusable frontend patterns.
My role
Worked on performance, state management, SSR/SSG, responsive UI, accessibility, and code reviews.
Result
Improved load performance by 30-40%, reduced redundant API calls by around 20%, and achieved 90+ Lighthouse scores on key flows.

Technical decisions

  • Used SSR/SSG selectively by page intent to balance speed, freshness, and maintainability.
  • Split server and UI state responsibilities across React Query and lightweight client stores.

Trade-offs

  • Introduced stricter architecture boundaries, which required team alignment and code review discipline.
  • Accepted initial refactor cost to reduce repeated API calls and future maintenance overhead.

Evidence from the build

Used dynamic imports, lazy loading, and asset optimization for better Core Web Vitals.

Used React Query, Redux Toolkit, and Zustand for cleaner data and UI state.

Worked on WCAG 2.1 AA accessibility and SEO-friendly markup.

Stack used

Next.jsTypeScriptReact QueryRedux ToolkitGraphQLTailwind CSSSSRSSG

Skills

Skillset grouped by how work actually gets shipped.

Interface craft

Product screens, dashboards, responsive UI, accessibility

ReactPrimaryNext.jsPrimaryTypeScriptPrimaryJavaScript (ES6+)PrimaryTailwind CSSStrongAstroStrongViteStrong

Data flow

API-heavy UI, validation, state, loading and error paths

REST APIsStrongGraphQLFamiliarTanStack QueryStrongTanStack RouterStrongTanStack TableFamiliarReact QueryStrongRedux ToolkitStrongZustandStrongReact Hook FormStrongZodStrong

Delivery quality

Performance, SEO, reviews, testing habits, deployment

LighthouseStrongWeb VitalsStrongAccessibilityStrongSEOStrongJestFamiliarVitestFamiliarCypressFamiliarGitHubPrimaryCursorStrongClaudeStrong

Mobile bridge

React web modules running inside React Native WebView

React Native WebViewStrongChrome InspectStrongAPI IntegrationPrimary

Contact

Need a frontend engineer who can ship clean product UI?

I am available immediately for React, Next.js, TypeScript, dashboard, SaaS, FinTech, and WebView-heavy frontend roles.

Form 01

Quick note

0/80
0/254
0/120
0/1000
Dark mode
Back to top