TM
Themba MndebeleFrontend Developer
Based in South Africa·Open to remote opportunities

Frontend Developer building thoughtful digital experiences

Hi, I'm Themba Mndebele. I specialise in React, TypeScript, and modern web development—combining clean engineering architecture with meticulous UI/UX detail.

Specialities:ReactNext.jsTypeScriptTailwind CSSUI/UXAI Workflows
View projectsContact me
About Me

Engineering with strong design thinking & modern AI workflows.

I am a frontend developer with approximately 4 years of professional experience specialising in React, TypeScript, Next.js, and modern CSS architecture. My passion lies in crafting high-performance, resilient, and intuitive user interfaces.

With a background bridging design and engineering, I prioritize design system consistency, responsive layouts, accessibility, and state management. I care deeply about how digital products look, feel, and function for real users.

AI-Assisted Engineering Workflow

I integrate modern AI tooling—including Gemini, DeepSeek, Kimi, OpenCode, Cline, and CodeRabbit—into my engineering workflow. I leverage AI to accelerate research, investigate bugs, write comprehensive test suites with Vitest and Playwright, and explore optimal implementation strategies while maintaining full ownership over code architecture, reliability, and security.

Featured Work

Production projects & applications

A curated selection of production applications showcasing React architecture, TypeScript rigor, responsive UI/UX, and AI integrations.

01

Nextdot (next-beta)

Personalized Estate & Document Management Guidance System

Nextdot provides personalized, structured guidance tailored to each family's unique circumstances. Built with Next.js App Router and React Server Components, it helps families keep vital estate documents organized, current, and securely shared.

Key Features

  • Dynamic family document tracking and personalized status recommendations
  • Role-based document sharing and access permission controls
  • Interactive timeline for document updates and compliance checks
  • Responsive, accessible web application with structured layout architecture

Technologies & Libraries

ReactTypeScriptNext.jsTailwind CSSLucide IconsPostCSSApp Router
Live WebsiteGitHub Code
Nextdot landing interface screenshot
02

Mileia

On-Demand Tradesperson Marketplace Platform

Mileia is an on-demand marketplace connecting Cape Town residents with verified local tradespeople (plumbers, electricians, builders). Features location-based filtering, instant booking workflows, and mobile-first responsive layout.

Key Features

  • Location-aware trade service search and verified professional directory
  • On-demand booking request flow and service estimation interface
  • Mobile-first responsive UI built for frictionless field access
  • Polished design system with dynamic service filtering components

Technologies & Libraries

ReactTypeScriptNext.jsTailwind CSSLucide IconsUI/UX Architecture
Live WebsiteGitHub Code
Mileia homepage marketplace screenshot
03

Lumni

AI-Powered Study Companion for South African Matric Students

Lumni is a full-featured study ecosystem designed specifically for South African Matric students. Built with Next.js 16, React 19, TypeScript, Appwrite, and AI model integrations, it delivers adaptive quizzes, past paper revisions, interactive flashcards, and real-time study analytics.

Key Features

  • AI-generated personalized quizzes, flashcards, and exam preparation modules
  • South African Matric subject syllabus alignment & past paper repository
  • Real-time study session analytics, performance graphs, and goal tracking
  • Robust offline-first architecture with Dexie.js and IndexedDB caching

Technologies & Libraries

React 19TypeScriptNext.js 16Tailwind CSSAppwriteVitestPlaywrightZustandKatexSentry
Live WebsiteGitHub Code
Lumni AI study platform homepage screenshot
Skills & Expertise

Technologies and core capabilities

Grouped by functional domain. Only includes tools and frameworks actively used in production and verified projects.

Frontend Development

Core UI technologies and modern frontend frameworks

ReactNext.jsTypeScriptJavaScriptTailwind CSSHTML5CSS3

Engineering & Architecture

System design, state management, and developer tooling

REST APIsAPI IntegrationComponent ArchitectureResponsive Web DesignGit / GitHubState Management

Testing & Quality

Automated unit, integration, and end-to-end testing

VitestPlaywrightFrontend TestingAccessibility (a11y)

AI-Assisted Engineering

Modern AI-assisted development tooling and models

GeminiKimiDeepSeekOpenCodeClineCodeRabbit
Engineering Philosophy

How I approach software engineering

Principled execution combining engineering rigor, visual design craft, and modern AI acceleration.

Design-Minded Engineering

I care deeply about how interfaces look, feel, and behave—not just whether they function. I build robust design systems with pixel-perfect attention to detail, motion design, and micro-interactions.

Modern Tech Stack & Quality

React, TypeScript, Next.js, and Tailwind CSS are at the core of my workflow. I maintain clean component architecture, strong static typing, and high standards for performance and accessibility.

AI-Assisted Workflow

I leverage modern AI tools (Gemini, DeepSeek, CodeRabbit) to accelerate research, debug edge cases, write tests, and explore implementations—while retaining absolute technical ownership.

Continuous Learning

Web development evolves rapidly. I consistently experiment with emerging web specifications, state management paradigms, and testing methodologies to stay ahead.

Get In Touch

Have an opportunity or project in mind? Let's build something exceptional.

I am actively available for full-time frontend engineering roles, React development contracts, and technical collaborations. Feel free to reach out via email or LinkedIn.

me@themba.devLinkedIn ProfileGitHub