React JS
Redux
Typescript
Angular
JavaScript
HTML5
CSS3
GraphQL
Node.js
JEST
RTL
Figma
WCAG
GitLab
GCP
SCSS
Adobe Target
Material UI
Chakra
Carbon Design

Hello, I'm
Anup

|

See My Work
Anup Profile

About Me

Hello! I am Anup Kumar Patra, an experienced Senior Front-End Developer with a proven track record in creating seamless user interfaces that drive engagement and business growth. I leverage modern technologies and development practices to deliver impactful solutions. My expertise, honed in high-profile retail, healthcare and Banking sectors combines technical skill with strategic thinking to achieve exceptional results in dynamic environments.

Location: Wakefield, WF3 2GJ

Email: patraanup123@gmail.com

Language: English, Hindi, Bengali, Odiya

TECHNICAL SKILLS

Development

React JSReduxReact-RouterTypescriptContextHooksAngularAngular JSjQueryjQuery MobileJavaScript (ES6+)Formik (React Forms)FrameworksHTML5CSS3Responsive Web DesignCross-Browser CompatibilityAPI integration (Rest, GraphQL & Apollo Client)Node.jsUnit TestingTDD (JEST, React Testing Library)CMS (Bloom Reach, WordPress, Drupal, Drupal Garden)Carbon DesignStorybookBootstrapWCAG (Web Content Accessibility Guidelines)Java Server Pages (JSP)EslintPrettierSCSSCSS preprocessor (IBM Carbon system)Adobe Experience Target (A/B & Feature Rollout)UI libraries (Material, Chakra, Carbon System)

Process

GitLab (Version Control, CICD, Code Review)AgileService NowJIRAGoogle Cloud Platform

Database

MySQLDB2

Monitoring

GrafanaDynatraceSplunk

Design

FigmaAdobe Photoshop CS5

Projects

Explore a selection of my key projects across diverse sectors.

๐ŸŒ

Farnell Global Website Modernization

Led the full development of the main website, accessible in 55 countries, ensuring scalability and user engagement. Achieved a 25% improvement in conversion rate.

View Project
๐Ÿ›’

Farnell CPC E-commerce Platform

Developed and maintained the B2C e-commerce platform for Farnell, focusing on user experience and conversion optimization.

View Project
๐Ÿ“ฆ

ASDA ToYou Service Website

Developed and maintained the customer-facing website for ASDA's ToYou service, facilitating parcel drop-off and collection across the UK.

View Project
๐Ÿ“ฑ

ASDA Native Applications

Developed native applications for handheld devices, self-service kiosks, and locker systems within ASDA stores.

๐Ÿ“ˆ

Deutsche Bank Trade Severance System

Developed a highly scalable React.js frontend for a critical Trade Severance System. Implemented data visualization using D3.js.

๐Ÿค–

ASDA AMR Integration & Automation

Implemented Autonomous Mobile Robots (AMRs) into the national sort centre, streamlining sorting processes through automation.

View Project

Personal Projects

Side projects built to explore AI engineering, developer tooling, and real-world automation.

๐Ÿค–

AML Triage Automation Agent

Fully local ยท Open Source ยท Zero API cost

A fully local, open-source anti-money laundering (AML) triage system that processes suspicious activity alerts through a 5-stage AI agent pipeline before human review. Runs entirely on a laptop โ€” no cloud API required.

Agent Pipeline

01
Intake Agentโ€” Normalises alerts and extracts typology keywords
02
Evidence Retrievalโ€” Semantic RAG search across transaction logs, precedent cases & typology guides
03
Risk Scoringโ€” Analyses alert with evidence, generates structured JSON risk scores
04
SAR Draftingโ€” Auto-generates compliance-ready Suspicious Activity Report narratives
05
Human Gateโ€” Analyst approval checkpoint before filing

Key Insights

  • pgvector inside Neon Postgres is production-ready
  • 1B-parameter local models produce reliable structured JSON with proper prompting
  • State schema design between agents is the hardest engineering challenge
LangGraphFastAPINext.jsLLaMA 3.2pgvectorNeon PostgresPythonOpen Source

Live Demo

System Architecture

AML Triage Agent System Architecture
โšก

Copilot Guide โ€” VS Code Extension

Published on VS Code Marketplace ยท Open Source

View Extension โ†’

A VS Code extension that brings team coding standards, architecture patterns, and security rules directly into the editor. Integrates with GitHub Copilot Chat so engineers always have the right context a keystroke away.

Features

  • Displays coding guidelines & architecture patterns inline
  • Integrates with GitHub Copilot Chat for standards-compliant generation
  • Audits code against OWASP Top 10 and custom security rules
  • On-demand best-practice code snippets
  • Webview component alongside a native Copilot Chat Participant

Open for Contributions

  • New guideline categories (testing, accessibility, performance)
  • Enhanced Copilot Chat integration
  • Custom rule format support
  • UI/UX improvements
VS Code APITypeScriptGitHub CopilotWebviewLLMOpen Source

System Architecture

Copilot Guide VS Code Extension Architecture
โœ๏ธ
Article

From Pixel-Pusher to Experience Architect

Frontend Engineering ยท 2013 โ†’ 2026

Frontend engineers are no longer building standalone interfaces โ€” we are building intelligent agents. Tracing the evolution from React's birth in 2013, through manual state synchronisation and lifecycle complexity, to today's AI-driven development where our canvas is expanding and we are becoming experience architects.

ReactAIVS Code ExtensionsLLMSoftware Engineering

My Latest Posts

Check out my recent updates and insights on LinkedIn.

Certifications

Professional certifications and credentials I have earned.

Get in Touch

Have a project in mind? Feel free to reach out!