ChipShot Poker
A hand-history journal and live stat dashboard for the serious recreational poker player.
- Astro 6
- Tailwind CSS 4
- TypeScript
- Inline SVG data viz
- Vercel
Case study
- Games & entertainment
- Stats & tracking
- Data viz
Most poker trackers are either toy mobile apps or desktop suites built for full-time grinders. ChipShot sits in between: a focused web tool for the serious recreational player who wants to capture every hand and review the math without spelunking through twenty submenus.
The hand history view shows the last hundred hands at a glance — stakes, position, hole cards rendered as crisp card chips, the board, an action summary, and a green/red result. Click into any hand and the full street-by-street action expands inline, with your own read on the opponent attached.
The stats dashboard is the heart of the product. A bankroll-over-time line chart shows variance with the peaks and valleys honest, not flattened. KPI tiles surface VPIP, PFR, 3-bet, AFq, bb/100, hours played, biggest pot won, and showdown frequency — all in tabular-num mono so columns line up no matter how many digits the number has. A positional winrate bar chart breaks performance down by seat. A showdown-frequency donut completes the picture.
The "Play your hand" walkthrough is the onboarding flow: capture the cards as the hand is dealt, tag the situation, assign your reads, run the equity, save to your journal. Five numbered steps that map directly to a single button each in the live app.
The site is a static Astro 6 build with a dark felt-green and gold casino aesthetic — Playfair Display headlines, Inter body, JetBrains Mono for every chip count. Pure inline SVG for the poker table, the bankroll chart, and the card icons — no external image dependencies.
Like what you see?
Let's build something together.
Have a project in mind? I'd love to hear about it.