Thato Kenny's Portfolio

About Me

I'm a self-taught and highly motivated full-stack developer with a solid foundation in web development and programming languages such as Java, C#, JavaScript, and PHP. I specialize in building responsive, user-friendly web applications from scratch, covering both frontend and backend aspects. Though I don't have formal work experience, I've built several personal projects that showcase my growing skills in real-world problem solving, UI design, and backend development. I'm continuously learning and committed to becoming a better developer every day, ready to contribute to exciting projects and grow within a collaborative team.

2020

Started Coding Journey

Discovered the magic of HTML & CSS and JS

2021

C# Fundamentals

Built a strong foundation in object-oriented programming and backend logic with C#

2022

PHP Development

Built dynamic web applications with PHP, focusing on server-side logic and form handling

2023

Java Programming

Learned core Java concepts, including OOP, data structures, and building console-based applications

2024

Framework Explorer

Learning React, Vue, and modern tools

Coding

Gaming

Music

Photography

Skills Universe

Frontend

React, HTML5, CSS3, JavaScript ES6+,

Backend

Node.js, ASP.NET Core, C#, RESTful APIs,

Mobile

Kotlin (Android), Android Studio

Hover over a planet

Level:

Explore the skills solar system

Project Galaxy

Blue Cloudz Media Website

Modern responsive Blue Cloudz Media with animations

HTML CSS JavaScript

Event Management System

Real-time Event system with beautiful UI

HTML ASP.Net CSS

Cybersecurity Task Manager

A Cybersecurity application

C# ASP.NET MongoDB

Code Playground

HTML

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>My Code</title></head><body>    <h1>Hello World!</h1>    <p>Welcome to the code playground!</p></body></html>

CSS

body {    font-family: Arial, sans-serif;    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);    color: white;    text-align: center;    padding: 50px;}h1 {    font-size: 3rem;    margin-bottom: 20px;    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);}p {    font-size: 1.2rem;    opacity: 0.9;}

JavaScript

// Add some interactivitydocument.addEventListener('DOMContentLoaded', function() {    const h1 = document.querySelector('h1');    const colors = ['#ff6b6b', '#4ecdc4', '#45b7d1', '#96ceb4', '#ffeaa7'];    
    setInterval(() => {        const randomColor = colors[Math.floor(Math.random() * colors.length)];        h1.style.color = randomColor;    }, 1000);    
    h1.addEventListener('click', function() {        this.style.transform = this.style.transform === 'scale(1.2)' ? 'scale(1)' : 'scale(1.2)';    });});

Output

|