Sha Kong-Brooks

Senior Software Engineer

I'm a senior software engineer at Campaign Monitor in Sydney. I work in AI enablement: I help engineers adopt the AI platform we build, from agent skills and evals to onboarding and feedback.

I've been in the industry for over a decade, from self-taught web development through enterprise full-stack work with React, Node and PostgreSQL to AI and LLM tooling. Outside work I design games and build tools for tabletop and strategy players.

Get in touch

about.me

Ever since I was a kid, computers captured my imagination—especially when I stumbled upon the internet. That spark ignited a full-blown love affair with web development! I kicked things off by whipping up websites about my favorite hobbies using HTML, CSS, PHP, and MySQL. From there, I couldn't resist diving into Java, C++, and .NET, creating applications with MSSQL and dabbling in front-end magic with Angular.

For the past eight years, I've been all about modern web technologies. You'll usually find me working my magic with React (a dash of Vue never hurts!) and Next.js with TypeScript. My trusty backend companions are Node.js and Express, often teaming up with PostgreSQL to keep my data in check. This tech combo allows me to build dynamic web applications that serve up seamless experiences for users.

But wait—there's more! I'm also a game design enthusiast, bringing my wild ideas to life using C#. I love crafting strategy and role-playing games that challenge players to think critically and make impactful decisions.

When I'm not glued to my screen coding away, you can catch me enjoying some gaming on my latest PC build or hanging out at the tabletop—where my cat has claimed her favorite nap spot. I'm a curious soul who enjoys reading about a wide range of topics, because let's be real: sometimes the best ideas come from the most unexpected places!

my.experience

I hold a Diploma in System Analysis and Design, along with a Bachelor's degree in International Studies, specialising in International Business. To further enhance my expertise, I pursued an MBA, diving deep into business strategy and leadership.

Beyond my formal education, I'm committed to continuous learning and have completed a variety of courses on JavaScript, React, Node.js, and Unity. I'm also an avid reader, immersing myself in design principles and best practices to craft intuitive and engaging user experiences.

Senior Software Engineer @ Campaign Monitor

March 2022 - Present

I'm an AI Enablement Engineer on the team that builds the AI platform Campaign Monitor's engineers use, including a code knowledge graph and an automated pull request reviewer. My job is making that platform land: what the agents know, how engineers adopt them, and how feedback gets back into the tooling. Before that, I worked on the front end with React, Next.js and TypeScript, leading design system and accessibility work and product features from campaign score to AI Campaign Agent.

AI enablement4
  • Look after what the AI agents know: skills, domain context and evaluation sets. I'm adding a CI check that every skill ships with evals.
  • Lead adoption across engineering through crews, onboarding and office hours, and run skill audits with the JVM, C#, DevOps and Messaging crews.
  • Setting up a feedback loop for the AI pull request reviewer, so engineers' reports become eval cases that improve it.
  • Use AI tooling to migrate legacy WebForms and Razor pages off .NET Framework, and improve the performance of code knowledge graph tool calls.
Product features2
  • Investigated and led the campaign score feature, working out the formulas that calculate a campaign's score and getting it shipped.
  • Was lead front-end owner of AI Campaign Agent, an AI assistant that helps customers build email campaigns, delivered as part of new product features aimed at reducing churn and growing paid subscriptions.
Design systems and accessibility5
  • Built and maintained design system tooling in React, TypeScript and Styled Components that several product teams used to ship consistent UI faster.
  • Wrote UI pattern libraries and component documentation, built on Headless UI and Markdown, that became a shared reference for product, design and engineering.
  • Led accessibility work across the front end: applying WCAG guidelines, reviewing components and teaching other engineers accessible patterns.
  • Set front-end engineering standards for accessibility and component reuse, and documented them for the wider team.
  • Built Next.js and TypeScript tools that made design feedback faster to give and act on, and extended Node.js tooling for component library workflows.
Writing4
  • Write practical guidance on working with AI for engineers across the company, covering where vibe coding helps and falls short, how LLMs lose track of instructions, when AI is the right tool, and how Claude Code, Codex and Cursor compare.
  • Turn engineers' feedback into written analysis and follow-through, including the AI Guild's feedback review, a report on what changed as a result, and a listening tour across engineering teams.
  • Write decision records that explain the reasoning behind engineering choices, from AI code review guidelines to design system strategy and why we extend it with native CSS.
  • Write review guidelines, tooling guides and an explainer of how the front end is built and shipped for the HTML/CSS and JavaScript crews, plus guidance on the purpose and sizing of pull requests.
Community2
  • Captain the HTML/CSS and JavaScript crews, organise the AI Guild, and help run the company's internal talk series.
  • Built hands-on Claude Code learning activities for engineers, and Retrovich, a real-time retro tool for software teams.

Software Engineer @ Livn

January 2017 - February 2022

Led development initiatives using a diverse tech stack including React.js, Node.js, PostgreSQL, TypeScript, and multiple UI frameworks (Material UI, ChakraUI, HeadlessUI). Managed both modern front-end applications and legacy systems built with Symfony, WordPress, and jQuery.

  • Led development team in building and maintaining full-stack applications using React.js, Node.js, and PostgreSQL, while managing MongoDB databases for specific use cases.
  • Implemented new design processes using Material UI and ChakraUI, ensuring consistent user experience across multiple platforms.
  • Developed and maintained both legacy systems (Symfony, WordPress) and modern applications (React.js, TypeScript) within the same ecosystem.
  • Created and maintained comprehensive documentation for both internal teams and external users, improving project visibility and resource utilisation.
  • Established coding standards and design guidelines across multiple frameworks (Material UI, ChakraUI, HeadlessUI), ensuring consistency in development practices.
  • Managed deployment processes and infrastructure maintenance, ensuring smooth transitions from development to production.
  • Interfaced with stakeholders across product management, engineering, and marketing teams to align development goals with business objectives.

What colleagues said

“Sha took the lead role of the UI team and was also responsible for training and assisting other team members, bringing them up to speed, and delivering useful features to the end-users. Sha has great skills in designing software applications and she is always concerned about the user experience in the usage of the applications she has worked on.”
Eduardo Mateus Alberton, Product ManagerWorked with Sha on the same team at Livn
“Sha's dedication and technical aptitude were already highly pronounced when she joined our team, and it was encouraging to watch her expand her abilities over the years and rapidly grow into a highly competent full stack developer. … Sha is an absolute asset to any team and I would not hesitate to endorse her wholeheartedly.”
Andreas Klein, Senior Software Engineer, Encompass CorporationWorked with Sha on the same team at Livn
“Sha is one of the most approachable & kind people I've had the pleasure of working with. A true professional in every way. Dedicated, hardworking & knowledgeable.”
Matthew Barnes, Global Supplier Relations, Product and Procurement ManagerWorked with Sha on a different team at Livn

Read the full recommendations on LinkedIn

Web Developer and Content Manager, Alumni Relations @ UNSW

April 2012 - April 2013

Ran the UNSW Alumni Relations website on Blackbaud's content management system, from day-to-day content and design to new pages and layouts.

  • Managed the Alumni Relations website's content, designing web banners in Adobe Photoshop and Illustrator and formatting articles in HTML.
  • Edited templates and code to build new pages and adapt layouts to fit their content.
  • Worked with Blackbaud's team to adapt their content management system to the Alumni Relations office's needs.
  • Built a subsection of the site on Blackbaud for the Faculty of Arts and Social Sciences (FASS).

Web Developer and Content Manager @ Dragon Image

February 2011 - May 2012

Designed, built and looked after Dragon Image's websites, and handled their SEO and marketing material.

  • Designed and built a new ecommerce website on X-Cart, making it easier for staff to manage and for customers to find what they needed.
  • Managed content across the main, corporate and studio websites.
  • Led on-page and off-page SEO, working with other staff on link building and reviewing web analytics.
  • Created advertising and marketing material in Adobe Photoshop.

More of my history is available on LinkedIn.

my.projects

These are my own projects, built outside work. I build each one solo, from the idea and UI design through the database, code and deployment, which is why they cover everything from compliance tools to games.

If you're after more code, check out my public repos on GitHub or explore my experiments on CodePen.

UI Design
Database Design
Development

OVI — Ophis Virtual Intelligence

A compliance readiness platform for NDIS providers that maps practice standards to the controls and evidence that meet them, keeps registers for incidents, complaints and actions current, and works out a readiness score from all of it.

Read more about OVI — Ophis Virtual Intelligence
React
TypeScript
TanStack Router
TailwindCSS
Supabase
UI Design
Database Design
Development

Ready Check

A calm to-do app designed for people with ADHD and AuDHD, free of shame language and judgement.

Read more about Ready Check
React
TypeScript
Zustand
Dexie
TailwindCSS
Supabase
UI Design
Database Design
Development

Kritik Systems

A browser-based toolkit for quantitative Marxian political economy, covering surplus value, the rate of profit, organic composition of capital, the tendency of the rate of profit to fall, and reproduction schemas.

Read more about Kritik Systems
Next.js
TypeScript
TailwindCSS
Dexie
Supabase
Stripe
UI Design
Database Design
Development

Midnight Archive

The web home of Obscurity Shroud, a trilogy of urban fantasy novels set in the hidden corners of Sydney.

Read more about Midnight Archive
Next.js
TypeScript
TailwindCSS
Prisma
Supabase
UI Design
Database Design
Development

Arcana Tools

A personal organisation dashboard for people with AuDHD that brings tasks, projects, calendars, shopping lists, mood logging and budgeting into one place.

Read more about Arcana Tools
Next.js
TypeScript
TailwindCSS
shadcn/ui
Supabase
UI Design
Database Design
Development

Talesmith

A platform for educators, trainers and facilitators to create and share interactive, branching-path stories and lessons without any technical skills.

Read more about Talesmith
React
TypeScript
React Router
TailwindCSS
Supabase
Game Design
Development

Break the Loop

A materialist idle strategy game about the end of infinite growth, free to play in the browser.

Read more about Break the Loop
React
TypeScript
Node.js
Socket.IO
Prisma
UI Design
Development

Praxis Primer

A reading and study companion for socialist and communist theory, with structured reading plans, original section summaries, and discussion prompts for study circles.

Read more about Praxis Primer
Next.js
TypeScript
TailwindCSS
Dexie
Zod
UI Design
Development

Marketopia Adventures

An interactive visual-novel style web app designed to introduce and explore fundamental concepts in game theory.

Read more about Marketopia Adventures
React
Next.js
SASS
Framer Motion
Screenshot of Marketopia Adventures
UI Design
Development

VCFO Accountants

A modern accounting firm website featuring a clean, professional design with optimised performance metrics.

Read more about VCFO Accountants
React
Next.js
GraphQL
Hygraph
Screenshot of VCFO Accountants
UI Design
Database Design
Development

Outrun Games

A feature-rich gaming analytics platform offering detailed game statistics, user reviews, and performance metrics.

Read more about Outrun Games
React
MongoDB
TailwindCSS
Framer Motion
Screenshot of Outrun Games
Game Design
Development

No Place to Rest

A hand-drawn point-and-click game in which a child crosses a ruined city guided by a cat that glows brighter near contamination.

Read more about No Place to Rest
React
TypeScript
Vite
UI Design
Development

AI Dreams

A blog platform built with React and Next.js, featuring dynamic content loading and a clean, minimalist design.

Read more about AI Dreams
React
Next.js
GraphQL
TailwindCSS
Hygraph
Screenshot of AI Dreams
UI Design
Development

Dr Olga Palma

A modern dental practice website featuring an intuitive appointment booking system, service information, and patient resources.

Read more about Dr Olga Palma
React
TailwindCSS
React Router
Full-Stack Developer
UI/UX Designer

D&D Point Buy Calculator

An intuitive D&D 5e character creation tool featuring a sophisticated point-buy system with real-time calculations and validation.

Read more about D&D Point Buy Calculator
Next.js
TypeScript
Tailwind CSS
React
Screenshot of D&D Point Buy Calculator
UI Design
Database Design
Development

my.money

A streamlined mobile finance tracking application built with React Native, focusing on manual entry for greater user control and privacy.

Read more about my.money
React Native
Redux
Node.js
Express
MongoDB
Native Base
UI Design
Database Design
Development

Genshin Recipes

An interactive recipe database for Genshin Impact.

Read more about Genshin Recipes
React
MongoDB
Chakra UI
Framer Motion
Screenshot of Genshin Recipes
And more...

my.talks

Talks I've given, with links to the transcripts so you can read them at your own pace.