CricTrac 🏏

Fixing the identity crisis in cricket with data-backed verification.

CricTrac is a comprehensive platform for tracking cricket identities, statistics, and performance. It solves the problem of age fraud and identity duplication in grassroots cricket by providing a centralized, immutable database of player identities and statistics, verified by local officials.

🌟 Key Features

• Player Identity Verification: Players get unique CricIDs after verification by officials, reducing fraud.
• Comprehensive Stats Tracking: Detailed statistics for batting, bowling, field, and match performance.
• Official Match Records: Matches are marked as "Official" to distinguish verified data from friendly games.
• Scout Watchlist: Scouts and officials can track promising players in a personalized watchlist.
• Neumorphic Design System: A modern, soft UI aesthetic using a standardized blue palette for a premium feel.

🎨 Design System

CricTrac features a custom Blue Neumorphic design language:

• Base Color: #E3EDF7 (Bright Neumorphic Blue)
• Accent Color: #2563EB (Blue-600) for primary actions and highlights.
• Typography: Clean, sans-serif fonts for UI elements, with bold hierarchy for stats.
• Visuals:
  • Soft Shadows: neu-flat, neu-pressed, and neu-button utilities create a tactile depth.
  • Rounded Geometry: Extensive use of rounded-[3rem] for page containers and rounded-2xl for cards.
  • Floating Elements: Content sits on "floating" cards to distinguish layers.

🛠️ Tech Stack

• Frontend: React + TypeScript
• Build Tool: Vite
• Styling: Tailwind CSS
• Backend / Database: Supabase
• Icons: Lucide React
• Routing: React Router

🚀 Getting Started

1. Clone the repository

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

2. Install dependencies

   npm install

3. Set up Environment Variables Create a .env file in the root and add your Supabase credentials:

   VITE_SUPABASE_URL=your_supabase_url
   VITE_SUPABASE_ANON_KEY=your_supabase_anon_key

4. Run the development server

   npm run dev

📂 Project Structure

• src/pages: Main application pages (Home, Stats, Watchlist, Matches, etc.)
• src/components: Reusable UI components (Navbar, cards, etc.)
• src/lib: Supabase client and utility functions.
• tailwind.config.js: Custom theme configuration including Neumorphic shadow utilities.

🤝 Contributing

Contributions are welcome! Please open an issue or submit a pull request for any improvements or bug fixes.

---

Verified Cricket. Verified Talent.