Navigation

Menu

Let's Talk

Cape Town, ZA

Yonela

TypeScript//React//Next.js//Node.js//Platform Architecture

I build full-stack products across web and mobile, from real-time platforms and AI experiences to marketplaces, e-commerce systems, and complex digital products.

Explore My Work
Mobile · Web · AI
FULL STACK
SYSTEMS
REAL-TIME
PLATFORMS
AI · MOBILE · WEB
System

Skills

Modules22
Html 5
Css
JavaScript
Tailwind Css
Material UI
React
Redux
Typescript
Next js 13
Remix
Node js
Express js
Flask
Mongo db
Fire base
Postges SQL
My SQL
Graphql
React Native
Expo
Figma
Shopify
ENGINEER
System Profile / 01

Engineer.
Problem
Solver.

Core Identity

Full stack engineer building products across web, mobile, real-time systems, commerce and AI.

01SYSTEMS
01 / 04
Identity Module

I BUILD SYSTEMS.

Not just interfaces. I take products from idea to architecture, backend, frontend, and something people can actually use.

Explore
02ARCHITECTURE
02 / 04
Identity Module

I THINK IN SYSTEMS.

I care about what happens behind the screen — how everything connects, scales, communicates, and survives the next change.

Explore
03PRODUCT
03 / 04
Identity Module

I SHIP REAL THINGS.

Marketplaces. Social platforms. Commerce. Recruitment. Mobile apps. Real-time products. I like software that leaves the repository.

Explore
04PROBLEM SOLVING
04 / 04
Identity Module

I LIKE HARD PROBLEMS.

The interesting problems are usually the messy ones — multiple systems, moving parts, unknowns, and no obvious answer.

Explore
01SYSTEMS
01 / 04
Identity Module

I BUILD SYSTEMS.

Not just interfaces. I take products from idea to architecture, backend, frontend, and something people can actually use.

Explore
02ARCHITECTURE
02 / 04
Identity Module

I THINK IN SYSTEMS.

I care about what happens behind the screen — how everything connects, scales, communicates, and survives the next change.

Explore
03PRODUCT
03 / 04
Identity Module

I SHIP REAL THINGS.

Marketplaces. Social platforms. Commerce. Recruitment. Mobile apps. Real-time products. I like software that leaves the repository.

Explore
04PROBLEM SOLVING
04 / 04
Identity Module

I LIKE HARD PROBLEMS.

The interesting problems are usually the messy ones — multiple systems, moving parts, unknowns, and no obvious answer.

Explore
Continuous Systems
Hover to pause
Selected Systems

Work

Products, platforms and systems built across web, mobile, real-time communication, commerce and SaaS.

Maya web project screenshot
Social · Real-time · Community

Maya

LIVE / BUILDING
webmobile
What it is

Maya is a full-stack real-time social platform built around communities, local discovery and instant communication. It combines community spaces, direct messaging, presence, notifications, mixes and voice/video communication into one connected social ecosystem across web and mobile.

Why I built it

I built Maya around the idea that social platforms should feel connected to the communities people actually belong to. Instead of relying on a traditional feed-first model, Maya combines location-aware communities, real-time communication and social presence to create a more immediate and locally connected experience.

Core capabilities
Community and group-based communication
Location-aware community and spot discovery
Direct messaging and real-time conversations
Real-time presence and notifications
Mixes and community-driven social experiences
Voice and video communication
Cross-platform web and mobile experiences
Shared social and messaging infrastructure
Technology
Frontend
Next.jsReactTypeScriptExpoReact NativeTailwind CSS
Backend
Node.jsExpressREST APIsTypeScript
Data
PostgreSQLMongoDBPrisma
Real-time
Socket.IOWebSocketsWebRTC
Zama web project screenshot
Marketplace · Commerce · Platform

Zama

BUILDING
webmobile
What it is

Zama is a full-stack community marketplace designed to bring local businesses, products and commerce online. It connects customers and vendors through digital storefronts, listings, discovery, carts, orders and payments across web and mobile.

Why I built it

Zama was built around a simple problem: local businesses should not need to build an entire digital commerce infrastructure themselves to participate online. The platform gives vendors a digital storefront and commerce workflow while keeping local discovery and community identity at the centre of the experience.

Core capabilities
Vendor and business profiles
Digital storefronts and stores
Product and listing discovery
Business and product categories
Shopping carts and cart management
Order and payment workflows
Customer and vendor addresses
Vendor stories and business identity
Cross-platform marketplace experience
Shared commerce infrastructure
Technology
Frontend
Next.jsReactTypeScriptExpoReact NativeTailwind CSS
Backend
NestJSNode.jsTypeScriptREST APIs
Data
PostgreSQLPrisma
Platform
Marketplace ArchitecturePaymentsAI
Hemlett web project screenshot
E-commerce · Commerce Experience

Hemlett

BUILDING
web
What it is

Hemlett is a modern e-commerce experience focused on fast storefronts, strong product presentation and a smoother path from discovery to purchase.

Why I built it

The project focuses on the part of commerce customers actually experience: finding products quickly, understanding what they are buying and moving through a storefront without unnecessary friction.

Core capabilities
Modern product storefronts
Responsive commerce experience
Product discovery and presentation
Performance-focused storefront
Conversion-focused user experience
Technology
Frontend
ReactTypeScriptShopify Hydrogen
Commerce
ShopifyHeadless Commerce
Clockwork web project screenshot
Recruitment · SaaS · HR

Clockwork

BUILDING
web
What it is

Clockwork is a recruitment SaaS platform designed to connect applicants, recruiters and HR teams through a unified digital workflow.

Why I built it

The project explores how recruitment workflows can be brought into a single system instead of forcing applicants, recruiters and HR teams to work across disconnected tools and processes.

Core capabilities
Applicant-facing recruitment workflows
Recruiter and HR workflows
Centralised recruitment information
Structured application management
Candidate and role management
Web-based SaaS experience
Technology
Frontend
Next.jsReactTypeScript
Backend
Node.jsREST APIs
Data
SupabasePostgreSQL

Career System

Where
I've Built.

03 Positions

Three environments. Three stages of growth. Each one shaped how I think about products, systems and engineering.

Deployment

Current

2024

Role

Full Stack Developer

Period

2024 – 2026

Company

WBWR

Building production software for global brands across commerce, web and mobile.

Career.SystemWBWR
System Active
Contact

Let's
build
something.

Good products start with a good conversation.

Full Stack Engineer · South Africa

Email

johannesyonela@gmail.com

Based

Cape Town, South Africa

Relocation

Open to relocation

Start a conversation

Get
in touch.

Remote/Hybrid/On-site/Relocation
Cape Town · South Africa