An interactive baseball web app that visualizes batter vs. pitcher outcomes using historical MLB data.
Built with Next.js (TypeScript), Tailwind CSS, and PapaParse for CSV parsing.
- ๐ Select a batter from an alphabetized list
- ๐ฏ Choose an opposing pitcher
- ๐ View the most likely play outcome between the two
- โ Display Avg. batting statistics of total at bats
- ๐ฅ Watch actual MLB video clips from past matchups
| Tool | Purpose |
|---|---|
| Next.js | React Framework (App Router) |
| TypeScript | Type Safety |
| Tailwind CSS | Modern Utility-First Styling |
| PapaParse | CSV Parsing in the Browser |
| Vercel | Deployment & Hosting |
git clone https://github.com/your-username/matchup-analyzer.git
cd matchup-analyzerPlace your dataset in: /public/data/BattedBallData.csv
npm installnpm run devThen open your browser to: http://localhost:3000