← All work

jacques

Shipped · full CI/CD

A client-side React music-artist site — one shared audio engine, a persistent player, album program-notes, and live dates.

Stack

  • React 19
  • Vite 8
  • Tailwind CSS 3
  • Vitest + Testing Library
  • GitHub Actions CI/CD
  • Vercel

jacques is a fully client-side React 19 + Vite 8 music-artist site: a single shared audio element drives a fixed bottom player that follows the visitor across sections, with an album program-notes modal and a live-dates section. No backend, no accounts, no analytics, no cookies.

What makes it a portfolio piece is the engineering discipline around it: a real CI/CD pipeline (GitHub Actions runs ESLint, the Vitest suite, the Vite build, a Trivy filesystem scan, and a gitleaks secret scan), HTTP security headers configured at the edge, pinned dependencies with weekly Dependabot updates, and pre-commit hooks (lint-staged, tests, gitleaks).

Honest status: it's deployed and live on Vercel with the full CI/CD pipeline and security headers behind it; the final media content is still being finalized, so the live build showcases the engineering and the player architecture more than a finished record.

Live demoSource To verify

To verifyA link is held back until it's personally confirmed working and representative.