Skip to content

Latest commit

ย 

History

History
108 lines (81 loc) ยท 3.65 KB

File metadata and controls

108 lines (81 loc) ยท 3.65 KB

STRIKE - Cricket Fantasy Platform ๐Ÿ

Strike Logo

Your Ultimate Fantasy Cricket Experience

TypeScript React Tailwind CSS Vite Supabase

๐Ÿ“ฑ Overview

Strike is a next-generation fantasy cricket platform where fans can create teams, join contests, track live matches, and even collect NFTs of their favorite players. With a sleek UI and comprehensive stats, Strike brings cricket fantasy gaming to a whole new level.

โœจ Features

  • ๐Ÿ† Fantasy Contests: Create teams and compete with other fans
  • ๐ŸŽฎ Live Match Tracking: Follow match progress in real-time
  • ๐Ÿ‘จโ€๐Ÿฆฑ Player Profiles: Detailed stats for all your favorite cricketers
  • ๐ŸŽ–๏ธ NFT Marketplace: Collect and trade digital player cards
  • ๐Ÿ‘› Digital Wallet: Manage your earnings securely
  • ๐Ÿ” User Authentication: Secure login/signup system

๐Ÿ–ฅ๏ธ Tech Stack

  • Frontend: React 18, TypeScript
  • Styling: Tailwind CSS, shadcn/ui components
  • Build Tool: Vite
  • Backend: Supabase
  • State Management: React Context API & React Query
  • Routing: React Router
  • Form Handling: React Hook Form with Zod validation
  • Charts: Recharts

๐Ÿš€ Getting Started

Prerequisites

  • Node.js (v16+)
  • npm or Bun

Installation

# Clone the repository
git clone <YOUR_REPO_URL>

# Navigate to the project directory
cd strike

# Install dependencies
npm install
# or
bun install

# Start the development server
npm run dev
# or
bun dev

The app will be available at http://localhost:5173

๐Ÿ“‚ Project Structure

โ”œโ”€โ”€ public/               # Static assets
โ”‚   โ”œโ”€โ”€ players/          # Player images
โ”‚   โ””โ”€โ”€ team_logos/       # Team logos
โ”œโ”€โ”€ src/
โ”‚   โ”œโ”€โ”€ components/       # UI components
โ”‚   โ”‚   โ”œโ”€โ”€ cricket/      # Cricket-specific components
โ”‚   โ”‚   โ”œโ”€โ”€ layout/       # Layout components
โ”‚   โ”‚   โ””โ”€โ”€ ui/           # shadcn/ui components
โ”‚   โ”œโ”€โ”€ contexts/         # React contexts
โ”‚   โ”œโ”€โ”€ data/             # Mock data and API responses
โ”‚   โ”œโ”€โ”€ hooks/            # Custom React hooks
โ”‚   โ”œโ”€โ”€ integrations/     # Third-party integrations
โ”‚   โ”œโ”€โ”€ lib/              # Utility functions
โ”‚   โ”œโ”€โ”€ pages/            # Page components
โ”‚   โ””โ”€โ”€ services/         # API service layers
โ””โ”€โ”€ supabase/             # Supabase configurations

๐Ÿค Contributing

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add some amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

๐Ÿ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.

๐Ÿ“ž Contact

Project Link: https://github.com/Tarif-dev/strike


Made with โค๏ธ by the Strike Team