https://github.com/peterbenoit/peterbenoit
Public Profile README
https://github.com/peterbenoit/peterbenoit
profile profile-readme pubic
Last synced: 3 months ago
JSON representation
Public Profile README
- Host: GitHub
- URL: https://github.com/peterbenoit/peterbenoit
- Owner: peterbenoit
- Created: 2024-09-06T14:09:33.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2026-03-12T18:04:45.000Z (3 months ago)
- Last Synced: 2026-03-12T23:48:02.744Z (3 months ago)
- Topics: profile, profile-readme, pubic
- Homepage: https://github.com/peterbenoit
- Size: 985 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
```typescript
const peterBenoit = {
title: "Front End Developer",
agency: "U.S. Department of Veterans Affairs",
contract: "Peraton · MVP Platform",
location: "Ocala, Florida",
experience: "20+ years front-end",
federal: ["CDC", "VA"] /* and counting */,
impact: "9M+ veterans · 330M Americans · ~1,000 govt sites",
currentStack: ["React", "Next.js", "TypeScript", "USWDS", "VA Design System", "Tailwind"],
sidequests: ["open source", "CSS writing", "trail photography"],
irl: {
camera: "Lumix FZ80D",
trails: "Ocala National Forest",
dog: "Bowie",
},
} as const;
```
---
## What I'm building now
→ **VA MVP Platform** — modernizing veteran-facing digital services at the U.S. Department of Veterans Affairs. React, Next.js, USWDS, Storybook. Serving 9M+ veterans.
→ **Open source tooling** — [tailwindcss-hue-theme](https://peterbenoit.com/tailwindcss-hue-theme/), [RepoWidget](https://peterbenoit.com/repowidget/), [ResourceLoader.js](https://peterbenoit.com/resourceloader/), and a few other things I built because I needed them.
→ **Writing about CSS** — particularly the newer stuff that doesn't get enough attention yet.
---
## Federal track record
16 years at CDC maintaining the design system and component library that powers every page on CDC.gov. Then OPHDST. Now VA. I go where the infrastructure needs building.
| Metric | Number |
|--------|--------|
| Years in federal front-end | 20+ |
| Federal agencies | CDC, VA |
| CDC sites on the template system | ~1,000 |
| Americans reached during COVID (CDC) | 330M |
| Veterans on the platform I work on now | 9M+ |
| W³ Awards (2024) | Gold + Silver |
| Section 508 compliance | always |
---
## Open source
| Project | What it does |
|---------|-------------|
| [tailwindcss-hue-theme](https://peterbenoit.com/tailwindcss-hue-theme/) | OKLCH-powered Tailwind plugin — one CSS variable shifts your entire color palette |
| [ResourceLoader.js](https://peterbenoit.com/resourceloader/) | Async script/style loader with dependency management and caching |
| [StorageManager.js](https://peterbenoit.com/storagemanager/) | Web Storage wrapper with compression, TTL, and namespacing |
| [RepoWidget](https://peterbenoit.com/repowidget/) | Drop-in GitHub repo cards — no backend, no API key |
| [ImageProcessor](https://peterbenoit.com/imageprocessor/) | Browser-based image resizing, cropping, and format conversion |
| [EmbedManager](https://peterbenoit.com/embedmanager/) | Lazy-loads YouTube, CodePen, and Maps embeds with consent fallbacks |
| [tailwindcss-visibility](https://peterbenoit.com/tailwindcss-visibility/) | Content-visibility utilities for Tailwind |
| [reQuery](https://peterbenoit.com/requery/) | Reactive state and DOM binding for jQuery — no build step |
---
## Writing
Mostly CSS features that aren't getting enough attention yet. Occasionally a trail report.
- [color-mix() in CSS](https://peterbenoit.com/blog/color-mix/) — practical uses beyond just tinting
- [@starting-style](https://peterbenoit.com/blog/css-starting-style/) — entry animations without JavaScript
- [Scroll-driven animations](https://peterbenoit.com/blog/scroll-driven-animations/) — what's actually useful today
- [Marshall Swamp Trail](https://peterbenoit.com/blog/marshall-swamp/) — Ocala flatwoods, spring morning
---
## Find me
[peterbenoit.com](https://peterbenoit.com) · [LinkedIn](https://www.linkedin.com/in/peterbenoit) · [CodePen](https://codepen.io/peterbenoit) · [npm](https://www.npmjs.com/~peterbenoit) · [vscode](https://marketplace.visualstudio.com/publishers/peterbenoit)