Navigation Projects AI Skills Experience About Contact

Full Stack Developer | AI Developer | Backend Systems

I'm Kim Julongbayan I turn ideas into real products

Full Stack Developer with 5+ years of on-and-off experience building independent projects — scalable web, mobile, and AI-integrated systems. Specialized in LLM integration, real-time WebSocket systems, Dockerized cloud deployments, and CI/CD automation.

View Projects Get In Touch
Kim Julongbayan
Scroll

01 / Projects

Selected Work

Web & Mobile App

WordWarz.io

My family's competitive Wordle trash talk needed a multiplayer version — none existed, so I built one.

A real-time multiplayer word game with a Shannon entropy–based AI bot engine that maximizes information gain per guess. Features a constraint-satisfaction solver for edge cases, 5-tier ELO matchmaking (600–2000) with probabilistic human imperfection modeling, adaptive difficulty scaling, and 60+ AI-generated avatars via custom ComfyUI pipelines.

React NativeNode.jsWebSocketShannon EntropyAI Bot EngineELO System
WordWarz.io game lobby screenshot
AI & Automation

RecodeAI

AI-powered website redesigner that crawls any site, analyzes brand identity with Claude, generates a premium redesign, and deploys it to a live URL — all in real time via Server-Sent Events streaming.

Next.jsClaude APISSEAI PipelineNetlify API
AI & Automation In Development

AI Job Matcher

A web extension that scrapes job listings, parses structured data, and matches roles using resume-aware LLM analysis. Generates personalized cold emails with tone control via OpenAI API. Full automation pipeline: scrape → parse → match → generate → review.

Web ExtensionOpenAI APILLMAutomation
AI & Automation

Job Email Watcher

An end-to-end n8n automation pipeline that monitors Gmail for job alerts (Indeed, Upwork, JobStreet), scores listings against my resume using GPT-4o with a hybrid AI + code salary algorithm, logs everything to Google Sheets, and sends Telegram notifications for high-scoring matches.

n8nOpenAI GPT-4oGmail APIGoogle Sheets APITelegram Bot APIJavaScript
Job Email Watcher n8n workflow diagram
Blockchain & Web3

Casinore.io

A hobby experiment — I wanted to explore Web3 by tinkering with open-source blockchain code and see how far I could push it.

A decentralized, fully secure blockchain platform built with Privy for seamless wallet authentication. Features trustless architecture, on-chain transactions, and a robust security-first approach to Web3 gaming.

BlockchainPrivyWeb3Node.jsDecentralized
Casinore.io platform screenshot
E-Commerce & AI

AI-Integrated BikeShop

A full-featured e-commerce platform for a bike shop, enhanced with AI-powered product recommendations and intelligent search. Built as a thesis project demonstrating LLM integration in online retail.

ReactNext.jsAI / LLMVercel
Kikoy's Bike Shop homepage screenshot
Swipe

Have a product idea? I can help you ship it.

Start a Project

02 / AI Showcase

Generating 60+ consistent avatars for WordWarz.io meant solving a core problem: AI models are unpredictable, and every word in a prompt matters. Here's the process — from prompt engineering to a fully automated pipeline.

01 — Prompt Engineering

The Foundation

Wording is everything in AI image generation — a single token can change the entire output. These comparisons show how prompt structure directly controls what the model produces.

How natural language vs structured tags changes what the model generates — "cat girl" becomes a literal cat.

Before
Before
After
After

same seed: 300003

Before Prompt
After Prompt
1 / 5

Vague descriptions produce generic output — detailed tags create unique characters.

Before
Before
After
After

same seed: 510001

Before Prompt
After Prompt
1 / 5

Words with multiple meanings confuse the model — "bat girl" could be a bat or a girl with bat wings.

Before
Before
After
After

same seed: 310001

Before Prompt
After Prompt
1 / 5

Figurative speech gets interpreted literally — "fire in her eyes" produces actual flames.

Before
Before
After
After

same seed: 410001

Before Prompt
After Prompt
1 / 5

KSampler Settings

steps 30
cfg 4.0
sampler res_multistep
scheduler simple
denoise 1.0
resolution 1024 × 1024

30 steps with res_multistep sampler + ModelSamplingAuraFlow (shift 4.0) for clean Lumina-based generation; low cfg preserves natural detail.

02 — ComfyUI Pipeline

Node-Based Workflow

With the right prompts figured out, I built a visual pipeline in ComfyUI — a node graph with full control over each generation parameter.

ComfyUI node-based workflow showing model loading, prompt conditioning, sampling, background removal, and output
03 — Batch Automation

Script-Driven Generation

Then automated the whole thing — a Python script feeds modifier combinations into ComfyUI via API, generating unique avatars from a single prompt template.

Scripts handle auto-naming, BG removal, image optimization, and video compression — all automated in the pipeline.

Included in the scripts:

Auto-Naming

Files saved as category_variant-name.png

BG Removal

BiRefNet auto-strips backgrounds in pipeline

Image Optimization

PNG → WebP, 90% smaller

Video Compression

ffmpeg H.264, 54MB → 1.4MB

01 — Python Script
MODIFIERS = {
  "Hair & Expression": [
    {"name": "Red Hair Peace",
     "prompt": "red hair, peace sign"},
    {"name": "Pink Hair Wink",
     "prompt": "pink hair, winking, playful"},
    {"name": "Blonde Smug",
     "prompt": "blonde hair, smug expression"},
  ],
  "Props & Accessories": [
    {"name": "Boba Tea",
     "prompt": "brown hair, sipping boba tea"},
    {"name": "Catgirl Lollipop",
     "prompt": "orange hair, cat ears, lollipop"},
  ],
  "Gamer Variants": [
    {"name": "Headphones Jacket",
     "prompt": "headphones, gaming jacket"},
    {"name": "Catear Streamer",
     "prompt": "cat ear headphones, streamer setup"},
  ],
  "Street Style": [
    {"name": "Cap Chains",
     "prompt": "cap, bubblegum, chain necklace"},
    {"name": "Sunglasses Street",
     "prompt": "sunglasses, bubblegum, street fashion"},
  ],
  "Royalty": [
    {"name": "Royal Crown",
     "prompt": "crown, royal cape, proud expression"},
    {"name": "Tiara Pearls",
     "prompt": "small tiara, smug, pearl earrings"},
  ],
  "Scientists & Tech": [
    {"name": "Lab Coat Goggles",
     "prompt": "lab coat, safety goggles"},
    {"name": "VR Scientist",
     "prompt": "VR visor, tech gear, futuristic"},
  ],
}
1. Python Script

Modifier combos, prompt templates, batch queue

02 — ComfyUI API
2. ComfyUI API

Node pipeline processes each prompt automatically

03 — Output
Red Hair Peace Pink Hair Wink Blonde Smug Boba Tea Catgirl Lollipop Cap Coffee Headphones Jacket Catear Streamer Energy Drink Cap Chains Sunglasses Street Purple Chains Mysterious Hoodie Witch Hat Cyber White Hair Royal Crown Tiara Pearls Golden Tiara Lab Coat Goggles VR Scientist Professor Boxer Intense Basketball Muscular Peace
3. Output

24 unique avatars, production-ready

04 — The Result

The Full Collection

And here's what the system produces — 60+ avatars, all from one pipeline.

Base Prompt 1girl/1boy, chibi, bust portrait, sharp eye highlights, vibrant anime color palette, cel-shading, crisp lineart, white background, centered composition, high detail face

Hover or tap avatars to see the modifier prompt used for each variation

Hair & expression modifiers
Red hair chibi
red hair, peace sign, cheerful smile
Purple hair chibi
purple hair, peace sign, gentle expression
Pink hair chibi
pink hair, winking, playful
Blonde smug chibi
blonde hair, smug expression, confident
Starry-eyed chibi
gradient hair, starry eyes, sparkling
Excited purple chibi
purple hair, excited, open mouth
Pink catears girl lollipop
pink hair, cat ears, lollipop, wink, green eyes
Pink catears girl smirk
pink hair, cat ears, smirk, green eyes
Props & accessories
Red hair bubblegum girl
red hair, blowing bubblegum
Cap bubblegum girl
blonde, baseball cap, bubblegum
Cat ears lollipop girl
pink hair, cat ears, lollipop
Boba tea girl
brown hair, sipping boba tea
Pink catgirl boba
pink hair, cat ears, sipping drink, wink
Orange catgirl lollipop
orange hair, cat ears, lollipop, puffed cheeks
Leather boy pocky
leather jacket, pocky stick, earring, smirk
Cap boy coffee
baseball cap, holding coffee, shy expression
Gamer variants
Gamer girl headphones
headphones, gaming jacket, confident
Cat ears streamer
cat ear headphones, streamer setup
Gamer boy energy drink
headphones, energy drink, intense gaze
Chill gamer boy
headphones, pocky stick, relaxed
Red hair gamer girl
red hair, gaming headset, devil horns, sipping
Shy gamer boy
brown hair, red headphones, shy expression
Red gamer girl sipping
red hair, devil horn headphones, sipping drink
Purple gamer girl sipping
purple hair, pink headphones, hoodie, sipping drink
Street style
Street girl chains
cap, bubblegum, chain necklace, streetwear
Street boy sunglasses
sunglasses, bubblegum, street fashion
Street girl cap bubblegum
blonde, baseball cap, bubblegum, jacket
Street girl cap bubblegum v2
blonde bob, cap, bubblegum, stud earrings
Street boy cap chains
orange hair, cap, sunglasses on head, bubblegum, chains
Purple street boy
purple hair, cap, sunglasses, bubblegum, chains, earbuds
Archetypes & fantasy
Mysterious hooded boy
hoodie, face mask, mysterious, glowing eyes
Edgelord eyepatch boy
eyepatch, edgy expression, dark clothes
Witch girl
witch hat, magical girl, mystical
Nerd boy beret
beret, round glasses, artistic, shy
Cyber boy white hair
white hair, glasses, choker, cyberpunk
Rebel leather jacket
leather jacket, pocky stick, earring, rebellious
Royalty & explorers
Royalty crown boy
crown, royal cape, proud expression
Royalty boy brown hair
small crown, gold earrings, red cape, charming
Royalty boy purple hair
purple hair, crown, gold earrings, military jacket
Stylish boy earrings
dark hair, gold hoop earrings, smirk, elegant
Explorer boy goggles
aviator goggles, backpack, adventurer, curious
Explorer girl aviator
aviator goggles, orange hair, wink, explorer outfit
Royalty girl tiara pearls
red hair, tiara, pearl earrings, regal gaze
Royalty girl tiara golden
red hair, golden tiara, cheerful, warm smile
Scientists & tech
Scientist girl labcoat
lab coat, safety goggles, test tubes
Tech scientist VR
VR visor, tech gear, futuristic scientist
Scientist boy lab goggles
lab coat, safety goggles, test tube, excited
Scientist girl colorful
lab goggles, colorful lab coat, sparkles, messy hair
Scientist boy red goggles
red tinted goggles, lab coat, gloves, confident smirk
Athletic muscular boy
muscular, athletic jersey, earbuds, energetic grin
Scientist boy blue visor
blue visor, lab coat, serious, blue eyes
Scientist boy glasses beard
glasses, goatee, lab coat, thinking pose
Scientist girl purple glasses
purple hair, glasses, lab coat, gentle smile
Athletic & combat
Boxer boy
boxing gloves, intense stare, fighter stance
Gym girl wink
sports top, wink, gym accessories, athletic
Street athletic girl
cap, bubblegum, crop top, chain necklace
Swimmer boy
swimmer, towel, goggles, muscular, friendly
Basketball boy
red headband, basketball jersey, grin
Muscular girl peace
tank top, muscular, peace sign, wink
Athletic girl bubblegum
trucker cap, bubblegum, muscular, gold earrings

Style is extracted via CLIP Vision and injected through IPAdapter Advanced, while text prompts control pose and expression independently.

DreamShaper XL Lightning Base model
IPAdapter SDXL ViT-H Style transfer
CLIP-ViT-H-14 Vision encoder
Style Transfer Precise Weight type
Result

Multi-Angle Generation

Given a single character illustration, generate consistent poses and expressions using IPAdapter style transfer — preserving the original art style across every angle.

Reference Original cowgirl character reference
Generated Angles
Front view Front
Back view Back
Shocked expression Shocked
Side view Side

Using ControlNet Depth to preserve a mannequin's pose and body structure, then generating photorealistic clothing variations and tattoo removal from text prompts.

RealVisXL V5.0 Lightning Base model
ControlNet Depth SDXL Pose preservation
Depth Anything V2 Depth preprocessor
DPM++ SDE Karras Sampler
Clothing Generation

Mannequin to Product Shots

A blank mannequin serves as the base pose. ControlNet extracts the depth map to lock the silhouette, while the model generates different outfits from text prompts with dynamic ControlNet strength per clothing type.

Base Mannequin Base mannequin with white t-shirt
Generated Outfits
Leather jacket Leather Jacket
Overcoat Overcoat
Trench coat Trench Coat
Dress shirt Dress Shirt

Interested in working together?

Contact Me

03 / Skills

Tools & Technologies

ReactNext.jsTypeScriptNode.jsPythonPostgreSQLDockerGoogle CloudReact NativeLLM Integration ReactNext.jsTypeScriptNode.jsPythonPostgreSQLDockerGoogle CloudReact NativeLLM Integration
SwiftKotlinExpressREST APIsTailwind CSSStable DiffusionCI/CDLinuxFigmaAI Automation SwiftKotlinExpressREST APIsTailwind CSSStable DiffusionCI/CDLinuxFigmaAI Automation

Core Development & Data Systems

Scalable full-stack applications, REST APIs, authentication, SQL & NoSQL databases, analytics dashboards, and data-driven architecture.

Mobile Applications

React Native, Swift, and Kotlin apps from concept to store deployment, with push notifications and native integrations.

AI & Automation

LLM integration, prompt engineering, image and video generation, and AI-powered product workflows.

Cloud & Infrastructure

Docker, CI/CD pipelines, Google Cloud, VPS administration, and automated deployment strategies.

04 / Journey

Experience

2018 — Present

Independent Full Stack Developer

Solo Projects & Side Projects

Self-directed, on-and-off development across frontend, backend, and database layers. Built and deployed independent projects including REST APIs, real-time systems, and AI-integrated applications. Managed Docker containers, Linux VPS infrastructure, and CI/CD deployment workflows.

2025

Bachelor of Science in Information Technology

AMA Computer College Makati

Completed a comprehensive IT program covering software development, database management, networking, and system analysis with hands-on capstone project experience.

Open to remote work — flexible schedule, reliable setup

05 / About

Building things that matter

Kim Julongbayan

I'm a Full Stack Developer with 5+ years of on-and-off experience building independent projects — scalable web, mobile, and AI-integrated systems. Specialized in LLM integration, real-time WebSocket systems, Dockerized cloud deployments, and CI/CD automation.

My toolkit spans the entire stack — JavaScript, TypeScript, Python, React, React Native, Next.js, Node.js, Express, and PostgreSQL. I bring hands-on experience in AI workflow automation, including LLM integration with Claude and GPT, Stable Diffusion, ComfyUI, and prompt engineering.

Proven ownership of end-to-end system architecture, backend performance optimization, and production infrastructure. Whether it's a real-time multiplayer game, an AI-powered redesigner, or a blockchain DApp, I ship products with meticulous attention to detail.

0+
Years of Development
0+
Technologies Used
Full
Stack Proficiency
AI
& LLM Integration

06 / Contact

Let's build something great

Open to collaborations, freelance work, and exciting opportunities.