Software Engineer

Hi! I'm
James Kenneth Guidaven — Software Engineer

I craft interfaces that people actually enjoy using — currently building at Automattic Inc. powering WordPress, WooCommerce, and more.

James Kenneth Guidaven Software Engineer
15+ Years
7 Companies
Frontend Focus

I turn complex problems into simple, intuitive interfaces. JavaScript and TypeScript are my home turf — but I ship across the full stack with PHP, Java, and cloud infrastructure when the work demands it.

Toolkit

What I Work With

From UI frameworks to cloud services — the stack behind the work

skills.sh
$ cat frontend.md
# Frontend  primary

> Where I spend most of my time — turning designs into fast, accessible interfaces that work everywhere.

languages: JavaScript/TypeScriptHTML5/CSS3
tools: Angular / Vue / ReactIonic / React NativeTailwind CSS / SCSSState Management (Redux, NGRX, Vuex)StorybookWebpack / Gulp
$ cat backend.md
# Backend

> APIs, databases, and the infrastructure that keeps frontends fed with data.

languages: JavaScriptJavaPHP
tools: Node.js / ExpressSpring BootAWS / GCPDocker / KubernetesWebSocketMySQL / PostgreSQL / MongoDB
$ cat engineering.md
# Engineering

> The thinking behind the code — how to build systems that last and teams that move fast.

principles: Data Structures & AlgorithmsDesign Patterns & SOLIDClean ArchitectureREST & GraphQL APIsMicroservices & Distributed SystemsOAuth / OpenID ConnectWeb Security & Accessibility
$ _
7 teams. 15+ years. Still shipping.
Track Record

Where I've Shipped Code

Self-checkout systems, e-commerce platforms, mobile apps, and the open web

James Kenneth
Current
Current
Want the full story?

See where I've been and what I've built

View Full Experience →
Side Projects

Things I've Built

View All →
Active

Tessera UI

A cross-framework component library — build reusable UI components that work across React, Vue, Angular, and vanilla HTML without duplicating code.

Web Components React Vue Angular TypeScript
View Docs → Source Code
tessera-ui
$ npm install tessera-ui
// Write once
import { Button } from 'tessera-ui';
 
// Use in React, Vue, Angular, or HTML
<tss-button variant="primary">
  Click me
</tss-button>
$ _
Open Source

DSA Visualizer

Watch sorting algorithms, pathfinding, and graph operations play out step by step.

Angular TypeScript SCSS
Live Demo → Source
jkguidaven-dsa-visualizer.netlify.app
DSA Visualizer — Pathfinder algorithm solving a maze
Claude Code Plugin

Linear Issue Enricher

Evaluates Linear issues for agent-readiness and enriches them with codebase context via Claude Code.

Claude Code Linear API MCP
Source Code
Linear Issue 4/12
Claude Code analyze & enrich
Enriched Spec 11/12