SHADER ON DEMAND
KL.

Open to Software Engineering Opportunities

FULL-STACK DEVELOPER / DEVELOPER TOOLS ENGINEER / CREATIVE TECHNOLOGIST

Keegan
LaBrot

Building intuitive experiences for complex systems.

I'm a multidisciplinary software developer specializing in interactive web applications, developer tools, and systems engineering. From polished React interfaces to binary inspection tools and GPU-driven simulations, I enjoy turning complicated ideas into functional, intuitive software.

Explore projects View GitHub Experience

FARMINGTON, MISSOURI · BUILDING FROM IDEA TO IMPLEMENTATION

01 — 06SCROLL TO EXPLORE

01Selected work

Tools for making sense of complexity.

A selection of interactive applications, developer tools, and technical experiments. Each one starts with a problem worth understanding.

Developer tools / Visual programming / Program analysis

Nexa Flow

A visual programming, simulation, and debugging application that represents program logic as connected nodes. It explores how making execution and variable state visible can make complex behavior easier to inspect.

  • React
  • JavaScript
  • Program analysis
  • Interactive visualization
Engineering notes

Problem spaceA node editor is only useful when it communicates what a program is doing, not just what its graph looks like.

ImplementationCombines variable, operator, function, and conditional nodes with execution simulation, variable-state inspection, execution tracking, and code import/export capabilities. A modular React component architecture supports the interactive workspace.

Open live demo

Developer tools / Binary analysis / Document engineering

ByteFrame + Nexa Docs

A binary inspection and editing tool integrated with the Nexa Docs document editing ecosystem. It connects low-level binary data with an interface designed to make instruction behavior more approachable.

  • React
  • JavaScript
  • Binary processing
  • Instruction decoding
Engineering notes

Problem spaceBinary and instruction-level details can be difficult to navigate without useful context or explanations.

ImplementationSupports hexadecimal inspection and editing, x86-64 instruction decoding, human-readable assembly explanations, contextual operation notes, multiple levels of explanation, and exporting modified binary data.

Game development / Graphics programming / Procedural generation

Substrata

A Unity cave exploration and procedural-generation project focused on creating and rendering complex underground environments. It is an engineering and gameplay experiment, not a commercially released game.

  • Unity
  • C#
  • HLSL
  • Compute shaders
  • Procedural generation
Engineering notes

Problem spaceGenerating detailed underground spaces requires balancing spatial structures, visual quality, and the cost of dynamic terrain.

ImplementationExplores signed distance fields, octree-based spatial structures, GPU compute shader assistance, Unity HDRP, DirectX Raytracing, resource distribution, and environmental simulation alongside mining, ropes, and exploration mechanics.

PROJECT / 04

UI engineering / Graphics / Open source

OpenGlassUI

An experimental open-source glassmorphism rendering library exploring customizable glass-like materials beyond conventional CSS effects.

  • React
  • JavaScript
  • Graphics programming
  • Interactive rendering
Engineering notes

Problem spaceA convincing glass interface depends on more than transparency: surface shape, highlights, distortion, and subtle imperfections all affect how a material reads.

ImplementationExperiments with refraction-inspired rendering, surface curvature, glass highlights, chromatic aberration, frosted effects, customizable optical parameters, height and normal maps, and interactive rendering.

LIVE OPTICS ●

Change the lens parameters above · drag the lens to move it

Frontend engineering / Social applications

Chirpr Social

An interactive React social platform built to explore social-feed interactions, media-focused layouts, and customizable profile experiences.

  • React
  • JavaScript
  • CSS
  • Frontend state management
Engineering notes

Problem spaceSocial interfaces need to make frequent interactions feel coherent without making the feed visually noisy.

ImplementationIncludes an interactive feed, animated navigation, profile themes, reactions, post creation and deletion, responsive layouts, and scroll-driven animation.

Open live demo

Frontend engineering / API integration / Training project

NFT Marketplace

A React marketplace development project completed through Frontend Simplified, focused on making an existing application dynamic.

  • React
  • JavaScript
  • Axios
  • REST APIs
  • Git
  • CSS
Engineering notes

Problem spaceTurning a static marketplace interface into a responsive application that reflects fetched data and supports useful browsing behavior.

ImplementationImplemented external API data fetching, loading skeletons, interactive components, countdown timers, dynamic routing, collection carousels, filtering, pagination, load-more behavior, and Git-based feature workflows.

02More in the workshop

Other experiments.

Smaller explorations in product thinking, networking, civic technology, and source analysis.

Product intelligence

OfferGrid

An application concept exploring price tracking, product comparison, and purchasing insights.

  • Product research
  • Application design

Networking experiment

Android USB Networking Relay

A custom networking experiment relaying traffic between Android and Windows using Android Debug Bridge and a SOCKS5 proxy.

  • Android Debug Bridge
  • Python
  • SOCKS5

Civic technology prototype

Speak.Vote

A prototype exploring civic participation, proposed legislation, structured discussion, and transparent voting systems.

  • Civic technology
  • Application prototype

Source analysis experiment

Gopher

An experimental source-code security analysis tool focused on scanning publicly accessible JavaScript and TypeScript resources.

  • JavaScript
  • TypeScript
  • Source analysis

03Technical toolkit

A wide-angle view of software.

I work across interfaces, services, systems, and graphics. Explore the disciplines and tools I’ve used to bring projects to life.

ENGINEERING DISCIPLINE / FRONTEND

Frontend engineering

Interfaces built for clarity, accessibility, and responsive behavior.

  • React
  • Next.js
  • JavaScript
  • TypeScript
  • HTML
  • CSS
  • SCSS
  • Responsive UI
  • Accessibility

04Experience & background

A path built through practice.

My software background is rooted in independent learning and project development, alongside hands-on work in structured, people-facing roles.

01 SOFTWARE & TRAINING

Independent Software Developer

2011 — Present

Independent learning & project development

I began programming around age 12 and have spent approximately 15 years independently learning, experimenting, and developing software. This reflects independent development experience, not 15 years of professional software employment.

  • Designing full-stack applications and original software prototypes
  • Building developer tools, reusable React components, and REST API integrations
  • Exploring graphics and systems programming, debugging, deployment, and Git workflows

Frontend Simplified

Training & projects

Frontend development training & project-based experience

Completed frontend development training with practical React work, API integration, responsive interfaces, and Git-based development workflows. NFT marketplace development is described as project-based training experience.

Skinstric AI

Preparing to begin

Preparing to begin an internship through Frontend Simplified. This opportunity has not yet started.

02 PROFESSIONAL & OTHER WORK

Advance Auto Parts

Retail Parts Pro / Assistant Manager

Supported day-to-day retail operations, inventory organization, customer questions about technical products, and team workflows. Built transferable strengths in accountability, organization, and practical problem-solving.

Corrections Officer

Public safety

Worked within structured procedures, maintained accurate documentation, exercised situational judgment, and communicated under pressure while following safety protocols.

Lifeguard

Safety & response

Applied situational awareness, team communication, responsibility, and established emergency procedures in a safety-focused role.

ADDITIONAL EMPLOYMENT

AutoZone Sales AssociateBig Lots DTS
FES INSTITUTE / GRADUATION CERTIFICATE

Frontend Development Bootcamp

Certificate of Graduation from FES Institute awarded to Keegan LaBrot for completing the Frontend Development Bootcamp

05 A little context

Curiosity at every layer.

I've been fascinated by programming since I was 12. What started as curiosity grew into a long-term interest in understanding how software works, from the interface someone interacts with to the systems executing underneath it.

I enjoy building software that bridges those layers. Whether I'm designing an interactive React interface, inspecting machine instructions, or experimenting with procedural generation, my goal is to make complex technology more understandable and useful.

That means caring about the architecture behind a feature as much as the experience in front of it: keeping code modular, solving problems deliberately, and making tools that help people see what a system is doing.

DEVELOPER NOTES

This site uses Next.js App Router with server-rendered portfolio content. Small client components power the section-aware navigation, skill filters, and persistent accent picker.

The header and About slab use a lightweight SVG displacement backdrop where the browser supports it, bending live pixels behind the surface. Unsupported engines use native frost/blur instead. Floating interface fragments use compositor-driven transforms; the original OpenGlassUI WebGL2 demo loads on demand and renders at display refresh rate.

06 Contact

Let's build something interesting.

I'm interested in opportunities involving frontend engineering, full-stack development, developer tooling, and ambitious software projects.

Find me on GitHub View my LinkedIn