David

Web & AI Product Engineer

5+ Years ExperienceReact ExpertAI-Augmented

I'm a Web & AI Product Engineer with 5+ years of professional experience building and maintaining user-facing web applications in production environments. I work primarily with React-based stacks and focus on shipping reliable, scalable frontend features that support real business and user needs.

Civil Engineering degree (1st Class Honours), strong domain understanding in engineering and construction-related industries

What I Do

I specialize in owning frontend features end-to-end, from implementation to long-term maintainability. My work typically involves translating product requirements into clean, maintainable frontend solutions within mature codebases.

Own frontend features end-to-end within large production systems

Build and maintain internal UI libraries and component systems

Deliver user-facing functionality used across multiple regions

Improve developer experience through tooling, standards, and documentation

Collaborate cross-functionally with product, design, and backend teams

Professional Experience

Staffshift, A24Group

Medical staffing platform operating across South Africa and the UK, with ongoing expansion into the US market

Owned and shipped frontend features for shift scheduling, payments, dashboards, and chat systems
Built reusable UI systems and internal component libraries to support long-term product development
Maintained and extended a large React codebase with focus on performance, UX states, and maintainability
Contributed to setting frontend standards, writing technical specs, and improving team workflows
Mentored junior developers and supported projects with documentation and clear technical communication

AI-Augmented Development

AI isn't just a tool I use, it's a core part of how I think about development, productivity, and shipping faster.

Daily AI Workflow

IDE Integration

Daily work with AI-powered IDEs like Cursor, leveraging embedded AI agents for code completion, refactoring, and contextual assistance

CLI Tools

Regular use of Claude Code and similar CLI tools for terminal-based AI workflows, automating tasks, and rapid iteration

Cloud Agents

Comfortable working with cloud-based AI agents and integrating them into development pipelines

AI Skills & Practices

Prompt Engineering

Crafting effective prompts that automate repetitive tasks and generate high-quality code

Rapid Prototyping

Using AI to prototype features fast, validate ideas quickly, and iterate before committing to full implementations

Code Review & Extension

Leveraging AI for reviewing AI-generated code, improving structure, and ensuring alignment with project standards

Automation

Building and maintaining AI-assisted workflows for scaffolding, testing, and code generation

AI Systems I've Built

Built multi-provider AI chat platform supporting 11+ models (GPT-4o, Claude, Gemini, Llama, DeepSeek) with intelligent provider routing

Developed vision/multimodal chat interfaces with GPT-4o Vision for image understanding and analysis

Built AI image generation and editing tools using DALL-E 3 and Flux with streaming responses via Vercel AI SDK

Technical Stack

AI Development

Vercel AI SDKOpenRouterCloudflare AI GatewayOpenAi SDK

Framework & Language

ReactTypeScriptJavaScript

UI Systems

Tailwind CSSShadcn UIStorybookCustom component librariesCSS/SASSStyled Components

Frameworks & Routing

Next.jsRemixTanStack StartReact RouterTanStack Router

State Management

ZustandReact ContextReact Query

Build & Tooling

ViteWebpackNode scriptingGitpnpm/npm/yarnMonoreposCI/CD pipelines

Testing

JestVitest

Databases

ConvexNeonPostgresSupabase

Geospatial & Infrastructure

Google Maps APICloudflareNetlify

AI Developer Tools

Cursor IDEClaude Code CLIGitHub CopilotAI agents

Engineering Approach

Build with clarity

Code should be easy to reason about, modify, and extend

Own features end-to-end

From implementation to long-term maintainability

Product-focused

Align technical decisions with business needs and user impact

Work within systems

Comfortable in mature codebases and existing architectures

AI-augmented mindset

Leverage AI tools to ship faster while maintaining quality

How I Work

Independent & Reliable

Comfortable working autonomously without hand-holding

Clear Communication

Value clarity in communication and proactive collaboration in distributed teams

Quality-Focused

Take responsibility for the quality and longevity of shipped code

Long-term Thinking

Write clean, maintainable code with a focus on sustainability

I'm a Web & AI Product Engineer who builds and maintains React-based product interfaces, owns frontend features end-to-end inside real production systems, and leverages AI-augmented development to ship faster and smarter.