⚾️ Matchup Analyzer

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.

---

📊 Features

• 🔍 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

---

🧱 Tech Stack

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

---

🚀 Getting Started

1. Clone the Project

git clone https://github.com/your-username/matchup-analyzer.git
cd matchup-analyzer

2. Add CSV File

Place your dataset in: /public/data/BattedBallData.csv

3. Install Dependencies

npm install

4. Run the Dev Server

npm run dev

Then open your browser to: http://localhost:3000

🚀 Live Demo

🔗 https://matchup-analyzer.vercel.app