costa-developer/zpsl-fantasy-hub

Fantasy football platform for the Zimbabwe Premier Soccer League where users build teams, track real player stats, and compete on leaderboards. # ZPSL Fantasy ⚽ A fantasy football platform for the Zimbabwe Premier Soccer League (ZPSL). Build your dream team, compete with friends, and track real player statistics throughout the season. ## ✨ Features - **Team Management** - Pick and manage your fantasy squad of 15 players - **Live Statistics** - Real-time player stats including goals, assists, and clean sheets - **Player Comparison** - Compare two players side-by-side with detailed statistics - **Global Search** - Quick player search with autocomplete (`⌘K` / `Ctrl+K`) - **Transfer Market** - Monitor price changes and transfer trends - **Fixtures & Results** - View upcoming matches and past results - **Leaderboards** - Compete in leagues and climb the rankings - **Dark/Light Mode** - Full theme support for comfortable viewing ## 🚀 Tech Stack - **Frontend**: React 18, TypeScript, Vite - **Styling**: Tailwind CSS, shadcn/ui components - **State Management**: TanStack Query (React Query) - **Routing**: React Router v6 - **Backend**: Supabase (Database, Auth, Edge Functions) - **Charts**: Recharts ## 📦 Getting Started ### Prerequisites - Node.js 18+ or Bun - npm, yarn, or bun package manager ### Installation 1. Clone the repository: ```bash git clone github.com cd zpsl-fantasy-hub ``` 2. Install dependencies: ```bash npm install # or bun install ``` 3. Start the development server: ```bash npm run dev # or bun dev ``` 4. Open localhost in your browser. ## 🏗️ Project Structure ``` src/ ├── components/ │ ├── fantasy/ # Fantasy-specific components (PlayerCard, PitchView, etc.) │ ├── layout/ # Layout components (Navbar, Footer) │ └── ui/ # Reusable UI components (shadcn/ui) ├── contexts/ # React contexts (Auth) ├── hooks/ # Custom React hooks ├── pages/ # Page components ├── integrations/ # External service integrations └── lib/ # Utility functions ``` ## 📱 Pages | R …