Profile picture Joel Mangin

Joel Mangin

Full-stack Developer

Greenville, SC

I'm a full-stack developer with a knack for translating real-world needs into scalable systems. I bring curiosity, empathy, and a willingness to listen and learn to every project. My logistics background enables me to spot patterns and bring clarity where others see complexity—always with an eye toward good user experiences.

contact.sh
$ pnpm connect

Initializing...

Ready to connect.

Waiting for contact request...

interface Developer {
    name: string;
    skills: string[];
    interests: string[];
};

interface TechStack {
    devOps: string[];
    backend: string[];
    frontend: string[];
    frameworks: string[];
};

type ContactType = 'github' | 'linkedIn' | 'email';

const techStack: TechStack = {
    devOps: [
        'GitHub',
        'Github Actions',
        'Cloudflare',
        'Docker',
        'Terraform',
        'AWS',
        'Vercel',
        'Prisma '
        'CI/CD'
    ],
    frontend: [
        'React',
        'Next.js',
        'TailwindCSS',
        'Material UI',
        'CSS',
        'HTML',
        'Zustand',
        'Shadcn/UI',
        'tRPC',
        'Socket.IO',
        'XState',
        'Zod',
    ],
    backend: [
        'Node.js',
        'PostgreSQL',
        'GraphQL',
        'MongoDB',
        'Express',
        'Prisma',
        'Drizzle',
        'Neon DB',
        'REST APIs'
    ],
    frameworks: [
        'Next.js',
        'React',
        'Express',
        'Node.js',
        'Astro',
        'Svelte',
        'Ruby on Rails'
    ],
    languages: [
        'TypeScript',
        'JavaScript',
        'Python',
        'Ruby',
        'C#',
        'SQL'
    ]
};

// Developer profile
const me: Developer = {
    name: 'Joel Mangin',
    skills: [
        ...techStack.devOps,
        ...techStack.backend,
        ...techStack.frontend,
        ...techStack.frameworks,
        ...techStack.languages
    ],
    interests: [
        'Product Leadership', // Origin story was refactoring a sub-par feature
        'User Experience', // Battle-tested product serving UHNWIs
        'Performance Optimization' // If it's slow it may as well not exist
    ]
};

// Contact function
const contact = (type: ContactType): string => {
    switch (type) {
        case 'github':
            return 'https://github.com/applesnort';
        case 'linkedIn':
            return 'https://www.linkedin.com/in/joel-mangin';
        case 'email':
            return 'hello@joelmangin.com';
        default:
            return 'Send message.';
    }
};
Product / Shopify 01 / 09

ViewForge: YMM Search & Filter

A Shopify app that lets merchants define structured “fits this product” relationships across any vertical — automotive Year/Make/Model, tractor Brand/Series/Model, marine, printer, and more. Eight built-in verticals, cascading customer-facing dropdowns, and a 303-test suite hardening the data model.

React Router 7PrismaShopify CLIFly.ioVitest · 303 tests
Product / Logistics 02 / 09

PathSync — Ground transportation OS

The full operational stack for a ground-transportation company: dispatch and scheduling, multi-trip invoicing, card authorizations, customer and fleet management, SMS/MMS via Twilio, compliance, and a live trip map. I designed most of the product surface.

Next.js 15React 19Mantine + RadixDrizzle ORMStadia Maps
Live demo coming soon · screenshots from production
Product / Aggregator 03 / 09

Pokebank — Pokédex of fan art

Each Pokémon entry aggregates artwork from across the internet — Reddit communities, DeviantArt, and more — so you can see every variation the community has ever drawn. A pnpm monorepo with a queue-driven Playwright scraper, Postgres + Prisma for entity and content tracking, and passkey auth fronting a Next.js 15 app.

Next.js 15Postgres + Prismapg-boss queuePlaywright scraperAuth.js · passkey
Dev Tool / Local LLM 04 / 09

NOVA — terminal coding agent

Terminal-based coding assistant powered by Ollama. File operations, git awareness, MCP server support, web search, and a plugin system — entirely local, no cloud inference, your code never leaves the machine.

PythonOllama · local LLMMCP protocolPlugin system
Dev Tool / Claude Code Skill 05 / 09

Vellum — local design iteration

Self-hosted alternative to SuperDesign. Iterates static HTML/CSS mockups using your real Tailwind tokens and shadcn/ui class vocabulary — no paid service, no account, no remote API. The card you’re looking at right now was sketched in Vellum first.

install.sh
$ /plugin marketplace add applesnort/vellum
$ /plugin install vellum
Claude Code pluginTailwind CDNshadcn vocabularySelf-contained HTML
Tool / Public Utility 06 / 09

Microwave Cal — NBA calendar feed

Free, anonymous, auto-updating NBA calendar feed. ICS files for all 30 teams, refreshed 4× daily, Discord webhook on schedule changes. No signup, no account — just a URL you drop into your calendar app.

Cloudflare WorkersTypeScriptICS (iCalendar)Discord webhooks
Game Dev / Tooling 07 / 09

godot-autosim — balance via simulation

Automated game-balance testing for Godot 4.6+. Tweak enemy HP from 50 to 55 — did that break the difficulty curve? Instead of playing 20 times to find out, run 1,000 simulations in 5 seconds and get data. Describe your rules as lambdas; the framework explores the state space.

Godot 4.6+GDScriptMonte CarloAddon
Claude Skills / Writing Voices 08 / 09

Voice Skills — Boomer · Millennial · Gen Z

A small library of Claude Code slash-commands that channel marketing-copy voices across three generations: Roy H. Williams’s Wizard-of-Ads cadence (boomer), Alex Hormozi’s value-stacking offer math (millennial), and Zaria Parvez’s Duolingo Gen-Z brand voice. Draft in one, audit in another.

install.sh
$ /plugin marketplace add applesnort/claude-voice-skills
$ /plugin install voice-skills
/roy · boomer/hormozi · millennial/zaria · gen zClaude Code plugin
Digital Product / Obsidian 09 / 09

ADHD Learning Vault

A pre-configured Obsidian vault built for ADHD brains. Six topic modules, 140+ flashcards, twelve templates, and five plugins wired up out of the box: Spaced Repetition, Templater, Tasks, Excalidraw, Dataview. No shame-based streaks, no productivity-cult vibes.

Obsidian140+ flashcards12 templatesGumroad

Self-taught developer who welcomes challenges and thrives in a diverse environment.

My tech origin story is the time a vendor delivered a sub-par MVP to the logistics firm where I worked. It rendered the task management feature unusable. I decided to re-design that dispatch feature and with the help of a colleague, we built a replacement in a week. I was hooked.

What I Offer

  • Product Leadership & Architecture
    Ability to listen to, understand, and distill user needs into exceptional products.
  • Web & SaaS Development
    From idea to production, using modern frameworks and best practices.
  • Experience & Technical Chops
    Rare combination of technical knowledge and high-level stakeholder communication results in consistent product wins.
  • Cloud & Serverless Architecture
    Spin up an edge function to handle API requests.
  • Automation & Workflow Optimization
    Catch issues while building canary preview before they hit production.

Why Work With Me?

  • Over 7 years of hands-on experience across product development, frontend, backend, DevOps, and automation.
  • Curiosity and dedication to understanding how things work.
  • Passionate about improving human expierience through technology.

If you're looking for a developer or product leader, let's talk!

Strengths Profile

My top 5 strengths according to Gallup StrengthsFinder assessment:

1. Individualization

I'm intrigued by the unique qualities of each person and have a gift for understanding how different people can work together productively. I notice what makes people stand out, pay attention to their individual interests, and create effective partnerships based on complementary talents.

2. Ideation

I'm fascinated by ideas and find connections between seemingly unrelated concepts. I generate innovative approaches, invent new methods, and thrive in environments where creative thinking is valued. I enjoy brainstorming and moving rapidly between different concepts.

3. Strategic

I create alternative ways to proceed and can quickly spot relevant patterns and issues. I have a knack for identifying problems, generating alternatives for solving them, and evaluating options to select the best course of action.

4. Positivity

I have contagious enthusiasm and can get others excited about what they're going to do. I build strong relationships through recognition and praise, and I naturally focus on the good things in life. My optimistic approach helps lift others.

5. Restorative

I'm adept at dealing with problems, figuring out what's wrong, and resolving it. I constantly look for ways to improve myself and situations, study mistakes to understand what needs to change, and turn challenges into opportunities for growth.

Built with Astro by Joel Mangin