> status: ready_for_collab

Full-Stack Depeloper & Game Development Enthusiast _

Full-Stack Depeloper & Game Development Enthusiast _

Full-stack developer building modern web applications and exploring game development with a focus on clean architecture, performance optimization, and maintainable code.

+ + + +
Developer Avatar
//Artwork: Berserk

Projects

// Full-Stack Applications, Backend Systems & Interactive Prototypes

Svelte
Completed

A modern developer portfolio built with Svelte 5, featuring a minimalist design, reusable components, smooth user experience and clean architecture.

Svelte 5TypeScriptTailwind CSSshadcn-svelteUmami Analytics
Demo
Godot Engine
In-Progress

A playable prototype exploring gameplay systems, interaction design, and responsive player controls.

Godot EngineGDScriptBlenderLibreSprite
Laravel
In-Progress

A centralized job aggregation platform designed to collect, parse, and filter technical job postings from various sources with a streamlined user experience.

LaravelPHPTypeScriptPostgreSQLSvelteTailwind CSS
React
Completed

A full-stack MERN e-commerce platform featuring RTK Query state management, RBAC authorization, Supabase Storage, and API rate limiting.

ReactReact RouterNode.jsExpressRTK QueryMongoDBSupabaseJWT AuthResendTailwind CSSDaisyui

Technical Skills

// loaded modules, dependencies & production stack

Showing 7 categories (43 skills)
// Languages
TypeScript
Production
JavaScript
JavaScript
Core
PHP
PHP
Production
Python
Production
Godot Engine
Production
sharp
Familiar
Rust
Production
// Frontend
Svelte
Core
React
Core
Tailwind CSS
Tailwind CSS
Core
shadcn/ui
Core
daisyUI
DaisyUI
Production
Bootstrap
Bootstrap
Production
React Router
Production
Redux
Core
// Backend
Node.js
Node.js
Core
Express
Express
Production
Laravel
Laravel
Production
Django
Production
Tokio
Learning
JSON Web Tokens
JWT Auth
Production
// Databases
PostgreSQL
PostgreSQL
Production
MySQL
MySQL
Production
MongoDB
MongoDB
Core
Supabase
Production
Redis
Production
// Game Dev
Godot Engine
Core
Blender
Production
Krita
Krita
Familiar
OpenGL
Familiar
Familiar
// Infrastructure
Docker
Docker
Familiar
Vercel
Production
Linux
Core
Ubuntu
Ubuntu
Core
Git
Git
Production
// Tooling
Bun
Core
Biome
Core
Umami
Production
Hoppscotch
Core
Laragon
Production
DBeaver
Production
Wireshark
Familiar

About

// Developer Profile

I am a full-stack developer focused on building robust, performant web applications and interactive systems. I enjoy exploring game development, gameplay systems, and technical prototypes through modern tools and technologies.

I believe great software is more than just functional or visually polished. I focus on building reliable systems and interactive experiences that are fast, responsive, maintainable, and thoughtfully designed. Every technical decision should contribute to a better long-term user experience.

I enjoy exploring different frameworks instead of repeatedly building similar projects with the same stack. Understanding different approaches helps me make better engineering decisions, and every project becomes an opportunity to experiment, validate ideas, and refine my engineering approach.

Core Focus Full-Stack & Game dev
Main Stack Svelte / React / Godot
Architecture Optimized & Modular
Full-Stack Precision
Building maintainable full-stack applications with clean architecture, efficient data flow, and performance-conscious engineering.
Game Engineering
Building technical prototypes, gameplay mechanics, and reusable systems with a focus on iteration, maintainability, and performance.
profile.config.ts
READ-ONLY
export const developerProfile = {
name: "Kyaw Zin Htet",
alias: "Korona",
role: "Full-Stack & Interactive Developer",
location: "Yangon, Myanmar",
interests: [
"Scalable Full-Stack Architecture",
"Game Systems & Interactive Development",
"Performance, Graphics & Technical Tooling",
],
status: "Building performant web applications and interactive experiences"
};
Available for new opportunities

Engineering

// Lessons from real-world development

Showing 2 categories (3 comparisons)
Data Fetching Strategy
React
Manual Data Fetching Traditional
// Component manages fetching, loading state,
// error handling, and cache behavior.

const [data, setData] = useState([]);
const [loading, setLoading] = useState(false);
const [error, setError] = useState(null);

useEffect(() => {
    setLoading(true);

    axios.get("/api/items")
        .then((res) => setData(res.data))
        .catch((err) => setError(err))
        .finally(() => setLoading(false));
}, []);
RTK Query Data Layer Recommended
// Server state is managed by RTK Query,
// providing automatic caching and request lifecycle management.

const {
    data,
    isLoading,
    error,
} = useGetItemsQuery();

// ✓ Automatic caching
// ✓ Request deduplication
// ✓ Cache invalidation
// ✓ Background refetching
// ✓ Separation of concerns
Reusable Form Component
React
Separate Create & Edit Forms Traditional
// CreateProduct.tsx
<CreateProductForm />

// EditProduct.tsx
<EditProductForm />

// Duplicate validation
// Duplicate form fields
// Duplicate submit logic
Shared Form Component Recommended
// Create
<ProductForm
    mode="create"
/>

// Edit
<ProductForm
    mode="edit"
    initialData={product}
/>

// ✓ Shared validation
// ✓ Shared UI
// ✓ Shared business logic
Centralized Error Handling
Node.js
Monolithic Controller Catch Traditional
// Error handling is repeated
// inside every controller.

export const createUser = async (req, res) => {
    try {
        const { email, password } = req.body;
        const existing = await User.findOne({ email });
        if (existing) {
            return res.status(400).json({ error: "User exists" });
        }
        const user = await User.create({ email, password });
        res.status(201).json({ success: true, user });
    } catch (err) {
        res.status(500).json({ error: "Server Error" });
    }
};
Async Handler + AppError Recommended
// Error handling is delegated to
// asyncHandler and centralized middleware.

export const createUser = asyncHandler(async (req, res) => {
    const { email, password } = req.body;
    
    const existing = await User.findOne({ email });
    if (existing) throw new AppError("User exists", 400);

    const user = await User.create({ email, password });
    
    res.status(201).json({ success: true, user });
});

// ✓ Less repetitive controller code
// ✓ Centralized error middleware
// ✓ Consistent API responses

FAQs

// Questions you might have

Why don't you have a released commercial game yet?

I believe a prototype should answer technical questions, not just create a visually impressive trailer. As a solo developer, I handle every aspect of development, including gameplay systems, architecture, optimization, and iteration. I prioritize validating core mechanics and building reliable foundations before expanding into a full production, making the final project more realistic and maintainable.

What kind of team do you like to work with?

I prefer working in teams that look beyond simply completing requirements. Delivering a feature is only part of the job; understanding how people actually use it and refining it based on usability, performance, and long-term maintainability is what creates real value. A long list of features means little if the product isn't intuitive, responsive, or enjoyable to use.

Why did you choose Svelte when React and Next.js are more widely adopted?

I evaluated several frontend frameworks, including Rust-based options such as Dioxus, before choosing Svelte. For this portfolio, I prioritized simplicity, performance, maintainability, and a lightweight user experience over ecosystem popularity. Svelte's compiler-first approach aligned well with those goals.

// SYSTEM_PROMPT : INTEGRITY_CHECK
Do you think this author is over the top?
Korona / Kyaw Zin Htet

Full-stack developer building web applications and interactive experiences.

Based in Yangon, Myanmar

// Connect

Available via social links or direct email.

© 2026 Korona. All rights reserved.

Built with Svelte 5 & Tailwind CSS