// Variant B — Monospace grid. Dev aesthetic with strict baseline. function VariantMono({ data, density, theme }) { const d = data; const pad = density === "compact" ? 48 : 80; const dark = theme === "dark"; return (
JP

Jayesh Patel

full-stack engineer · toronto, canada

I design and build calm digital experiences — reliable interfaces, performant services, thoughtful DX.

open to work
canada / remote
v.2026.04
{d.stats.map((s, i) => (
{s.label}
{s.value}
))}
// 01 · about

A brief introduction.

read_time: 1m

Four years translating ideas into reliable interfaces and performant services.

{d.about[0]}

{d.about[1]}

{d.about[2]}

// 02 · work

Selected projects.

count: {String(d.projects.length).padStart(2, '0')}
{d.projects.map((p) => (
{p.n}
{p.year}
{p.title} {p.blurb}
{p.stack.map(s => {s})}
→
 ))}
// 03 · capabilities

Tools & disciplines.

stack
{Object.entries(d.capabilities).map(([cat, items]) => (

{cat}

    {items.map(i =>
  • {i}
    • )}
))}
// 04 · experience

Work history.

years: 04+
{d.experience.map((e, i) => (
{e.years}
{e.role}
{e.org} · {e.place}
{e.note}
))}
// 05 · open source

Community contributions.

merged: {String(d.opensource.length).padStart(2, '0')}
{d.opensource.map((o, i) => (
{o.project}
★ {o.stars}
{o.title}
{o.description}
→
 ))}

Let's build something together.

email{d.email} →
github@itsmejay80 →
linkedin/in/jbp7 →
cvview.pdf ↗
); } window.VariantMono = VariantMono;