HotSocket: Professional Edition

Location: Dallas/Fort Worth, TX (actively seeking relocation opportunities)
Email: webcontact@hotsocket.pro
Live Website: hotsocket.pro
GitHub: @hotsocket-fyi
Tangled: @hotsocket.fyi

About Me

I'm a self-taught developer who builds web applications and developer tools. I aim to ship solid code that looks good both up front and behind the scenes.

I'm a quick learner, comfortable with picking up new technologies as needed. I appreciate clean code, good people, and great UX where possible.

Skills & Experience

Languages & Frameworks: TypeScript, JavaScript, Deno, HTML/CSS
Tools & Technologies: Nix, Git, GitHub Actions, Hugo, Netlify, JSR
Specialties: UI library development, Basic CI/CD pipelines, ATProto

Notable Projects

Lexiconqueror (LXQ)

ATProto, Deno, TypeScript | JSR Page

A command line utility for retrieving ATProto lexicons from multiple sources, and using them to generate types and functions for XRPC calls.

Key Accomplishments

Wrote a code generator using the TypeScript compiler API
Implemented a type similar to Rust’s Result enum
Used Zod to validate configuration

Nightsky

ATProto, Deno, Fresh, GraphQL, Preact, TypeScript
Source Code
Live Deployment (a little busted at the moment while integrating LXQ, sorry!)

A Bluesky client powered by Constellation and Slingshot (shoutout @bad-example.com), with a few extra neat features.

Key Accomplishments

Used GraphQL to retrieve GitHub sponsor data.
Learned how sweet generator functions can be (function *something())
Used service workers to cache frequent/large requests

DomLink

TypeScript, Deno
Published to JSR

A DOM abstraction library from scratch that makes building web UIs more comfortable (compared to vanilla JS) with method chaining.

For better or worse, this project was created out of fear of React.

Key Accomplishments

Designed and implemented a UI library
Published a package to JSR registry, using GitHub Actions
Created solid documentation and working demos

Sample Code

const display = new Label("Number: 0");
let number = 0;
Body.with(
  new Column().with(
    display,
    new Button("Increment!", () => {
      display.text = `Number: ${++number}`;
    })
  )
);

Personal Sites

CSS, Deno Deploy, Fresh, Preact, TypeScript

hotsocket.pro - This site. Built using a custom site generator, and hosted with Deno Deploy.
hotsocket.fyi - Terminal-styled site built with Fresh, also hosted on Deno Deploy. It features:
- A private “urban dictionary" of sorts.
- A last.fm history viewer.
- A directory of interesting websites, services, etc. This one is an almost-pure HTML/CSS file, with only a touch of JavaScript to make the color picker demo work.