Hi, I’m Jack!

Jack Sloop

I’m a front-end engineer and designer based in San Francisco. I specialize in building beautiful, reusable UI component systems in Angular and React. After dark, I build out a Storybook component library, and during the day I work at Cisco, making big dashboards full of cool data visualizations.

This site is hand-coded, hosted via GitHub Pages, and refreshingly free of div soup.

Storybook Library

A component library with polished (and some in-progress-not-yet-polished), accessible components—built with Angular standalone, custom SCSS, and a deep love for typography.

View Storybook →

The Kenny Test

An unhinged 103-question quiz app in React, Vite, Supabase, and the Giphy API based on a real list of "red flags" our enemy Kenny made. The friend group all ranked ourselves. Score above 32? Unmarriageable. Below? Super eligible.

Take the Test →

Moonbeam

A REM sleep calculator built in Swift, and a frustration with the fact that most sleep apps have a subscription fee? I'm literally just calculating 1.5 hrs onto my bedtime, and I wanted a nice UI to do it. So here we are.

View Repo →

Daily Dough

A personal finance app that tells you exactly how much you can sustainably spend right now. Uses Plaid to turn your income, bills, and real bank transactions into a reactive daily allowance.

View Repo →

Wordle Clone

A just-for-fun take on the classic word game, made in 2022 because I, too, needed a JavaScript side quest. Still works! Still fun! Still five letters!

Play Wordle →

Design Work

My pre-engineering life: branding, layouts, typography, and magazine design. Includes work for student orgs, clients, and queer community groups.

Design Archive →

Print Archive

Thousands of pages of editorial design from my time at St Andrews—spreads, covers, and layouts from The Gay Saint and Hearing Aid. All lovingly typeset.

Into Print! →

Community Magazine

A full-stack magazine app for showcasing Community Magazine, a zine about Muni Metro, transit in SF, and beyond.

Read It →

Work @ Cisco

Angular dashboards, predictive models, and confidential financial data—so no, you can’t see the code. But you can see how I stack up below.

Code Stats

Lifetime contributions across all tracked repos

Commits
Files Changed
+0 -0

Cumulative Additions Over Time

Me Colleague Average