Johan Swart

Frontend Developer

JavaScript | React | Performance-Focused Development

Building responsive, accessible web applications using modern JavaScript, React and performance-focused development practices.

View Projects

About :

I am a self-driven frontend developer focused on building clean, maintainable and user-centered web applications. My work emphasizes responsive design, accessibility standards and performance optimization.

I am currently deepening my expertise in TypeScript and modern testing frameworks such as Vitest and Jest , while continuously strengthening my understanding of scalable architecture patterns and high-quality code practices.

Technical Skills :

Selected Projects :

TaskFlow Lite · Task Management App · React · TypeScript

taskflow-lite Screenshot

Demonstrates structured feature planning, scope control, performance awareness, and clean component architecture in a frontend application.

Tech: React · TypeScript · Vitest · Testing Library · Vite

CalcPro — Automation Tested TypeScript Calculator

E-commerce Screenshot

A production-ready calculator built with React and TypeScript, featuring automated interaction testing, strict type safety, and edge-case validation.

Tech: React · TypeScript · Vitest · Testing Library · Vite

E-commerce Project

E-commerce Screenshot

Demo-page e-commerce project with product filtering, cart functionality, and mobile-first design.

Weather Application

Weather App Screenshot

API-driven weather application featuring asynchronous data fetching, dynamic UI rendering, loading states, and error handling. Designed with responsive layout principles and clean state-driven updates.

Note: Hosted on Render free tier — initial load may take a few seconds due to cold start

Authentication Flow UI Simulation

Futuristic login preview

Login interface simulation showcasing form validation, state handling and structured authentication flow logic.

Landing Page Project

Landing Page Screenshot

Fully responsive landing page with clean design and smooth animations.

Tic Tac Toe - Component State Management Demo

Tic Tac Toe Screenshot

State-driven game logic demo showcasing conditional rendering, win-state evaluation algorithms and UI state transitions.

OTP Generator

OTP-Generator Screenshot

Secure one-time password generator demonstrating logic handling, input validation and modular JavaScript structure.

Contact :

Email: johan.swart.dev@gmail.com

Phone: +27 78 394 4289

Pretoria, South-Africa