Skip to content
kc@kumarChandrachooda.com:~$ cd /design-system/portfolio && read --section="01 project-card" 0%
KC Design System — Classic / Blotter

Flow with it.
Resume components.

The classic skin: Inter typography, ink-black 2px borders and the periwinkle accent, expressed as CSS custom properties in design-system.css. The resume and the blog are both built from these parts.

Reading in an unnamed pair — classic / blotter Browse all 8 →

01

Project card

A compact case study (.ds-project): a scannable face — role pill, name, outcome headline, key stack — over a structured <details> deep-dive. Role is colour-coded so the filter row doubles as a legend: Architect ink, Lead accent, Developer accent outline, R&D violet. R&D cards can carry a “read the series” link to the matching blog tag. The filter's --hairline chips in a --compact row (the /ai gallery, the owner's decision 27, 8 Nov 2026) are the quiet form of the same control.
skeleton — the real component carries a <details> deep-dive and the skeleton deletes it rather than disabling it: closed is the card's resting height anyway, so the collapsed face is the honest promise.
02

Headings, quotes & leads

The panel openers of the homepage deck: the accent-block heading, the 4px ink bar quote and the periwinkle-tinted lead paragraph that introduces a panel. Plus the stacked display heading — a solid line over hollow outline letters (.ds-text-outline) fronted by a thin title rule (.ds-title-rule) — for hero-scale statements. The stroke rides on --ds-outline-ink, so dark surfaces flip it to light automatically.
The panel's three text primitives: a heading that can carry an inline accent block, the 4px ink bar quote, and the periwinkle lead.

A heading with an accent block.

The 4px ink bar quote, used to set the tone of a slide.

The lead paragraph: periwinkle-tinted supporting copy that introduces a panel.

The display title, on both surfaces. Solid over outline, and the same markup again on ink — the stroke flips light through --ds-outline-ink rather than through a second rule, so anything that drifts between the two is a bug in the token.

Stacked display: solid over outline

Discover
new place

On a dark surface the stroke flips light

Discover
new place

03

Feature cards & stats

.ds-feature: a black circle scales from the corner to fill the card on hover, flipping the content white (origin: service-card-wrap). .ds-stat-row numbers count up when scrolled into view via data-count.

Problem solving

My compass for navigating the complexities of technology.

Design

Blending aesthetics and functionality into digital masterpieces.

6Years experience
15Projects
7Certifications
feature — in the real .ds-intro-grid. The body keeps its 3px accent border; the hover flood needs no neutralising, for the same reason the topic tile's wipe does not.
skill-group skeleton — keeps its meter tracks and drops their fills, which is the same trick as the continue shelf's.
04

Education & timeline

.ds-edu draws its border in from the centre on hover, the title underline growing with it (origin: eduction-card). .ds-timeline is the employment rail.

University of Leeds

MSc Advanced Computer Science
2022 – 2023

JSS Academy of Technical Education

B.Tech, Computer Science
2012 – 2016

  1. July 2021 – Aug 2022

    Accenture · Senior Platform Engineer

    Microservice architecture and cloud deployment.

  2. Dec 2017 – June 2021

    Imaginea · Senior Software Engineer

    Built and shipped web applications on the cloud.

skeleton — the timeline waiting, in the column the real rows sit in.
05

Info list & notecard

The about-panel pair: a .ds-info-list definition table and the violet .ds-notecard with its “Hello” tab.
Name
Kumar Chandrachooda
Location
United Kingdom
City
Leeds
title
A guest post about queues
slug
a-guest-post-about-queues
category
Architecture
author
Jo Tan jo-tan
Hello

Short history

A Cloud & Data Architect & Microsoft platform engineer. The notecard carries the biographical blurb on the about panel.

skeleton — the notecard is the one card with a coloured ground, and the one place the default block colour is wrong: #efefef is lighter than violet while the text it stands in for is much darker, so the card would read as punched full of holes rather than as waiting. It tints the ink instead. Its label tab stays solid, like the flagship's accent line — chrome, not content.
06

Certification card

.ds-cert: badge, title, date and an expandable <details> body. Used inside the certifications carousel.

Microsoft Certified: Azure Solutions Architect Expert

Azure Solutions Architect Expert

July 2021
About this certification

Expertise crafting cloud and hybrid solutions across Compute, Network, Storage, Monitoring and Security.

skeleton — the real component carries a <details> deep-dive and the skeleton deletes it rather than disabling it: closed is the card's resting height anyway, so the collapsed face is the honest promise.
07

Deck chrome

The homepage deck, running: the floating panel card, the rotated title rail, the “01 / 03” slide number and the indication arrows. Not a miniature any more — the deck's rules moved off html.ds-deck-on onto the deck element, so a bounded stage runs the real component.
The live deck, bounded. The floating panel card on the grey stage, the rotated title rail, the “01 / 03” slide number and the pulsing indication arrows — all of them the real .ds-panel__card, .ds-panel__title and .ds-slidenum, paged by the same deck.js the homepage runs. Focus the stage and use the arrow keys, drag it, or use the controls beneath it. Below 992px the deck does not engage at all and the stage shows the flow document instead, which is what a phone gets.

Hello!
My name is

Kumar Chandrachooda

AWS & Azure Cloud and Data Architect
Agentic AI Engineering

I’m a forward deployed engineer and AI implementation lead, and I design and build cloud platforms that other teams and agents can rely on.

Kumar Chandrachooda 01/04

I deliver with agentic AI

I use agentic AI in day-to-day delivery: multi-agent spec-writing playbooks for data-pipeline, web and infrastructure work, with adversarial verification and an ADR loop; harness and context engineering; and agent-runnable tooling for Azure DevOps backlog sync and workspace setup. My knowledge base on AI engineering covers six disciplines: Prompt Craft, Context, Harness, Intent, Specification and Orchestration Engineering.

agents spec · verify · ADR Orchestration Prompt Context Specification Intent Harness Amazon Bedrock AgentCore runtime · memory · gateway · identity
Further reading: Amazon Bedrock AgentCore is generally available (AWS)

Claude Code

02/04

I build cloud platforms & .NET services

I created the security-first, zero-trust API framework every new web application on AWS starts from, taking a new service’s setup from 3 weeks to 2 days, and led the CI/CD and Infrastructure as Code modules (AWS CDK, Terraform on Azure) now used by nearly 20 services.

request WAF · edge Cognito · OAuth 2.0 + PKCE API Gateway authorizers VPC · PrivateLink .NET services Lambda · ECS Fargate KMS Secrets AWS Azure
03/04

I am a Data Architect & platform builder

I architected the analytical data product on the medallion lakehouse: Kinesis ingestion, AWS Glue (PySpark) ETL, Apache Iceberg on Amazon S3 Tables and Lake Formation tenant isolation, all in AWS CDK. It cut report time for 100,000 records from 3 minutes to under a minute.

CI/CD IaC modules bronze · raw silver · conformed gold · modelled data product API & caching GDPR AWS Azure
04/04
About me
Name
Kumar Chandrachooda
Location
United Kingdom
City
Leeds
Education
MSc Advanced Computer Science (Cloud Computing), University of Leeds, Distinction
Hello

Short history

I'm an AWS & Azure Cloud and Data Architect based in Leeds, United Kingdom, and today an Agentic AI Implementation engineer, Forward deploying AI solutions to business.

I design and build cloud platforms that other teams and agents can rely on. Over eight years I've moved from .NET web applications and microservice migrations on Azure to leading AWS cloud and data architecture. My recent work includes CI/CD and reusable infrastructure modules, platform standards for APIs and caching, GDPR compliance, and an analytical data product on the medallion architecture. I also use agentic AI in day-to-day delivery: multi-agent spec-writing playbooks for data-pipeline, web and infrastructure work, with adversarial verification and an ADR loop; harness and context engineering; agent-runnable tooling for Azure DevOps backlog sync and workspace setup; and a structured knowledge base on AI engineering disciplines.

Ask the portfolio

Questions recruiters ask.

Answers composed ahead of time from his CV facts and project write-ups. Each one cites where it came from.

Anything else? Pass holders can ask their own assistant, through the site’s connector.

Portfolio

What does he do?

Kumar's portfolio says his current role is Senior Software Engineer at PebblePad since September 2023. Its flagship projects are Agentic Development, Analytical Data Product, API Framework and Build & Deploy.

How many years of experience does he have?

Kumar's portfolio says he has over 8 years of experience.

Where has he worked?

Kumar's portfolio lists four roles: Senior Software Engineer at PebblePad since September 2023; Senior Product and Platform Engineer at Accenture, July 2021 to August 2022; Senior Software Engineer at Imaginea Technologies (now part of Accenture), December 2017 to June 2021; Programmer Analyst Trainee at Cognizant, February 2017 to November 2017.

What has he built with agents?

Kumar's portfolio lists these projects with agents: Agent Memory & Knowledge (Developer): Hand-built agent loops, harnesses and workflows, with memory and documentation served to agents through RAG and an MCP server; Agentic Development (Lead): Agentic work follows the platform's own infrastructure and deployment rules, and data services move from specification to tested code through one repeatable workflow, delivered 3–5x faster.

What has he built on AWS data services?

Kumar's portfolio lists these data projects on AWS: Analytical Data Product (Architect): One centralised analytical foundation for reporting and self-service analysis, separated from the operational systems and built entirely on AWS. It cut the report time for 100,000 records from 3 minutes to under a minute; Storage Limitation (Developer): The platform captures and keeps less personal data, and holds it only as long as it is needed, in compliance with the GDPR.

Which certifications does he hold?

Kumar's portfolio lists ten certifications held: AWS Certified Machine Learning Engineer – Associate, October 2026; AWS Certified Data Engineer – Associate, June 2026; AWS Certified Solutions Architect – Associate, February 2026; Microsoft Certified: Azure Solutions Architect Expert, July 2021; Microsoft Certified: DevOps Engineer Expert, February 2022; Microsoft Certified: Azure Developer Associate, May 2021; Microsoft Certified Solution Associate, Web Applications, September 2017; Microsoft Certified Professional, Programming in C#; Microsoft Certified Professional, Querying Data with Transact-SQL, January 2018; Microsoft Technology Associate, Software Development Fundamentals, December 2016. It lists two more in preparation: Claude Certified Architect – Foundations; Claude Certified Architect – Professional.

Has he led teams or mentored?

Kumar's portfolio says he mentored 11 engineers and 5 apprentices at Imaginea Technologies (now part of Accenture) and trained two senior and three junior developers at PebblePad.

How do I contact him?

Kumar's portfolio does not take messages. His contact details are on the About panel.

Showing 2 of 7 panels, in the catalog's order, each at the staging ISlideLayoutCatalog currently resolves for it (home → base, about → base). 112 layouts are registered across 7 panels.

What each effect used to be. The original slideshow rebuilt natively — no jQuery, no owl-carousel, no AOS. Kept as a table rather than folded into prose because it is decision history: it records what was replaced, which is the only way to tell later whether a thing was designed or inherited. Two rows that used to sit here have gone to the sections that own them — the page loader to Page entrance, the scrolled header to Site header.
EffectHookRebuilt from
Transform-paged deck (vertical panels).ds-deck > .ds-deck__track > .ds-panelcd-slideshow
Horizontal sub-slides.ds-substrip > .ds-subcd-marginal-nav
Floating content card.ds-panel__card.content
Rotated vertical title rail.ds-panel__title.slide-title
Slide number.ds-slidenum.slide-number
Pulsing direction arrows.ds-indicator.cd-single-step
Letter-by-letter title.ds-lettersanime.js ml3
Two-ball cursorauto (fine pointer).cursor__ball

Markup

As rendered on the page behind this — captured, not transcribed.


    

Which CV would you like?

Pick the one closest to the role. Each is two pages and carries the same facts.

Applied AI

Agentic AI & Cloud Engineer · multi-agent systems, RAG and MCP on AWS

Cloud & .NET

C#, .NET 10 and ASP.NET Core microservices on AWS and Azure · Terraform & AWS CDK

Data Engineering

AWS lakehouse · Kinesis, Glue (PySpark), Apache Iceberg, Lake Formation

Everything

All three domains, with the standout project from each