Hi, I'm Eric Kwoka. I am a Full-Stack Engineer and User Experience Professional

Scroll Down

Most DevelopedSkills

A sampling of the core technologies I have become talented in. There are always more things to learn, but I have found a lot of the underlying skills here to be transferrable as I explore new technologies.

  • PreactPreact/React
  • TypeScriptTypeScript
  • Tailwind CSSTailwind CSS
  • ShopifyShopify Liquid
  • AlpineJSAlpine

ProjectTime Tracker Desktop App

Time Tracker Desktop App

Unhappy with the quality of various time trackers and finding a constant situation of each different app having some factors I love, and others I hate. I'm setting out to make one that works for exactly what I need it for: Tracking time across different clients and tasks that allows easy export for invoicing.

Of course, why do any side project without using the most bleeding edge technologies? So this is made with Tauri + Solidjs with TypeScript and Rust.

Tauri uses the devices native webview (as opposed to bundling a browser) allowing for smaller application size, rendering a frontend in the webview and connecting it to a runtime powered by Rust to handle interfacing with the OS and file systems.

Here I use Solidjs to power the front end, for it's many benefits and performance characteristics, and because it's the hot thing (at the time of writing).

  • SolidSolid.js
  • TauriTauri
  • ViteVite
  • TypeScriptTypeScript
  • RustRust
  • Tailwind CSSTailwind CSS

ProjectCustom Spotify Webapp

Custom Spotify Webapp

This is my attempt at recreating Spotify but with some (imho improved) UI/UX as well as extend it with additional features.

This project is built on top of a custom scaffold I put together I call a PETT App.

At the core is Preact (a lightweight React alternative) coupled with some custom utilities and the Spotify API and Web Playback SDKs to enable a powerful native-like experience.

This is complemented by esbuild for 🔥 BLAZINGLY FAST 🔥 build times. So fast there isn't a need for a special dev server.

Note: This project is still a work in progress and is not accessible by users that have not been manually approved. This is a restriction imposed by Spotify. For access, just message me!

  • PreactPreact/React
  • FaunaDB
  • Spotify Web SDK
  • esbuildesbuild
  • Netlify Functions
  • TypeScriptTypeScript
  • Tailwind CSSTailwind CSS

PackagePreact Heroicons

The beautiful Heroicons all bundled up as Preact components. Tree-shakable and Typed for use in any Preact project.

This project was a necessity, as the official Heroicons React components are not compatible with Preact typings, and of course also require preact-compat which just won't do.

NPM VersionNPM DownloadsMINZIPPED SizeNPM Type Definitions

PackageESLint Filename Enforcement

A simple ESLint plugin to enforce the name of JS and TS module files matching to the names of their exports.

Rules:

  • match-named-export: Enforces that the filename matches to a named export.
  • match-default-export: Enforces that filenames match the name of the default export.
NPM VersionNPM DownloadsMINZIPPED Size

PackageWeak LRU Cache

A simple implementation of an LRU cache that expires items with Weak References to allow the cache items to continue to be reused until garbage collected.

Implements the entire Map api, allowing easy drop in usage in existing apps using Maps to cache responses.

NPM VersionNPM DownloadsMINZIPPED SizeNPM Type Definitions
View all packages

Open SourceContributions

Preactpreact

Remove unmounted component warning

Most users that run into this implement anti-patterns to suppress the warning instead of addressing the actual issue being warned about.

Flamethrower Router

Performance Optimizations

Improves the performance of the DOM diff'ing algorithm, optimized for the most common scenarios.

ShopifyShopify Dawn Theme

Change CSS for browser compatibility

Lists inside of :not() selectors are not supported in Samsung Browser, but chaining :not():not() is support in all major browsers

Userback

Offers Delayed Initialization in React

Refactors initialization to gracefully handle multiple init calls and enabling options to delay initialization until the UI is needed.