Skip to main content

kikyy.

FRONT-END DEVELOPER & GAME DEVELOPER
//Front-End Web Development
00%
/01:Front-End Engineering & Game Development

Front-End architect & game developer.

Building modern web applications and business systems with React, TypeScript, Tailwind CSS, Laravel, and OOP, alongside interactive gameplay systems and AI using Unity and C#. I also work with Blender to create 3D assets and environments, combining software engineering, interactive development, and creative technology.

EXPLORE WORK
/01

ABOUT // BACKGROUND & CRAFT

BACKGROUND &
engineering craft

Hi, Everyone I'm Kikyy, a Game Developer and Front End Web Developer.

I’m a developer focused on building interactive web applications, business systems, and gameplay experiences. I work across React, TypeScript, Tailwind CSS, Laravel, Unity, and C#, combining modern frontend development, backend architecture, OOP, game systems, and 3D to turn ideas into functional digital experiences.

/01

BUSINESS SYSTEMS

POS, dashboards, management platforms, and service applications built around real-world workflows.

/02

FRONT-END ENGINEERING

Responsive interfaces, reusable components, dynamic interactions, and data-driven experiences.

/03

SYSTEM ARCHITECTURE

Structured OOP, application logic, CRUD workflows, state management, and scalable project organization.

/04

GAME & 3D DEVELOPMENT

Gameplay mechanics, AI behavior, player systems, interactive environments, and 3D assets.

MY JOURNEY2021 — PRESENT
2025 — Present

Frontend Engineer & Game Developer

Building web applications, business systems, and interactive games.

2023 — 2025

Self Learning & Freelance Projects

Exploring modern web technologies, game development, and building personal projects.

2021 — 2024

SMK (RPL/PPLG)

Learned programming fundamentals, web development, and participated in school exhibitions & game events.

/02

SELECTED HIGHLIGHTS // QUICK INDEX

DEVELOPER PHILOSOPHY

Building at the intersection of responsive web development and real-time game architecture.

Whether developing React web interfaces, sculpting 3D environments in Blender, or programming enemy AI in Unity (C#), every feature is built for responsiveness and clean architecture.

01

RPG SYSTEM UNITY (C# & CINEMACHINE)

Details
02

3D ENDLESS RUNNER GAME

Details
03

POINT-OF-SALE (POS) WEB APPLICATION

Details
04

3D MODEL COFFEE SHOP ENVIRONMENT

Details
/03

SELECTED WORK // CASE STUDIES

SELECTED
case studies

A curated selection of gameplay systems in Unity, responsive web applications, and 3D environment assets.

UNITY / C#RPG System Framework

RPG System Unity

Core RPG gameplay mechanics, character controller, and NPC interaction

UnityC#Character ControllerNPC InteractionCinemachine
VIEW PROJECT DETAILS
RPG System Unity
2024
UNITY / C#Playable Unity Prototype

3D Endless Runner

Endless runner game prototype with dynamic spawning and score logic

UnityC#Coin Spawn SystemDynamic ObstaclesPhysics
VIEW PROJECT DETAILS
3D Endless Runner
2024
GODOT / GDScriptPlayable Godot Game

Simple RPG Game

2D RPG exploration game with tilemap world and collectible mechanics

GodotGDScript2D TilemapCollectible Items2D Physics
VIEW PROJECT DETAILS
Simple RPG Game
2024
HTML / CSS / JSProduction Web App

POS Website (Point of Sale)

Web-based Point of Sale (POS) system for cafés and retail management

HTMLCSSJavaScriptPoint of SaleResponsive UI
VIEW PROJECT DETAILS
POS Website (Point of Sale)
2024
HTML / CSS / JSWeb Application

Catalogue Website

Clean and structured product showcase catalog interface

HTMLCSSJavaScriptProduct CatalogResponsive Grid
VIEW PROJECT DETAILS
Catalogue Website
2024
HTML / CSS / JSLive Website

Personal Website

Personal portfolio website with a clean and responsive modern layout

HTMLCSSJavaScriptResponsive Design
VIEW PROJECT DETAILS
Personal Website
2024
BLENDER / 3D MODELING3D Environment Asset

3D Model Coffee Shop

Minimalist 3D architectural coffee shop building and environment

Blender3D ArchitectureLightingTexturing
VIEW PROJECT DETAILS
3D Model Coffee Shop
2024
BLENDER / 3D MODELING3D Hard Surface Model

3D Model Gas Station

Modern charging & gas station with modular structural elements

BlenderModular ModelingGlass ShadersHierarchy
VIEW PROJECT DETAILS
3D Model Gas Station
2024
BLENDER / 3D MODELING3D Still Life Render

3D Model Cup of Coffee

Realistic object scale, composition, and lighting render

BlenderCompositionLightingObject Scale
VIEW PROJECT DETAILS
3D Model Cup of Coffee
2024
LARAVEL / PYTHONLive Chat Platform

ChatFlow

Real-time customer support desk & live chat platform (self-hosted)

LaravelPHPPythonTypeScriptReal-time ChatWebhooksCSV/JSON Export
VIEW PROJECT DETAILS
ChatFlow
2026
/04

TECHNICAL STACK & CAPABILITIES

01 // DOMAIN

Frontend Development

Building high-performance, responsive, and animated web interfaces with modern React ecosystem and TypeScript.

ReactTypeScriptTailwind CSSFramer Motion
02 // DOMAIN

Backend & APIs

Developing structured server-side architectures, REST APIs, and database solutions using Laravel and PHP.

PHPLaravelInertia.jsMySQL & REST API
03 // DOMAIN

Game Development

Creating gameplay mechanics, physics interactions, camera systems, and enemy AI state machines in Unity (C#).

UnityC#CinemachineEnemy AI
04 // DOMAIN

3D & Engineering Tools

Creating 3D environment assets in Blender, full-stack local dev setups, API testing, and Git version control.

BlenderUnity 3DGit & GitHubVS Code & Postman

TOOLS & WORKFLOWS

Technologies and frameworks utilized for day-to-day production web applications and game systems.

HTML5

Semantic markup, accessible DOM structure, and web standards compliance

CSS3

Modern responsive layouts, Flexbox, Grid, custom keyframes, and animations

JavaScript

Modern ES6+ syntax, asynchronous UI workflows, and event-driven architecture

TypeScript

Static typing, robust interface contracts, and scalable codebase development

React

Component-driven interface architecture, custom hooks, and reactive state management

Tailwind CSS

Utility-first CSS styling, design system tokens, and rapid UI engineering

React Router

Client-side routing, nested routes, navigation flows, and dynamic URL handling

Framer Motion

Declarative layout animations, physics-based springs, and smooth page transitions

Vite

Next-generation frontend tooling, ultra-fast HMR, and optimized production bundling

Lucide React

Lightweight, consistent, and cleanly designed iconography for modern UIs

/05

GET IN TOUCH

Let's create
something impactful

Interested in collaborating on a web application, game project, UI engineering, or technical consulting? Feel free to reach out.