A sleek credit card generator with 3D graphics, custom BIN support, and icy black UI design.

• Luhn Algorithm: Generates valid test credit card numbers
• Custom BIN Support: Input your own Bank Identification Number
• 3D Graphics: Interactive 3D credit card with animations
• Icy Black UI: Modern glassmorphism design with blur effects
• Multiple Card Types: Visa, Mastercard, American Express, Discover
• Real-time Generation: Instant card number generation
• BIN Validation: Real-time validation of custom BINs
• Auto-Detection: Automatically detects card type from BIN
• Copy to Clipboard: Easy copying of generated data

• React 18.2.0 with TypeScript
• Three.js for 3D graphics
• TailwindCSS for styling
• Glassmorphism/blur effects

├── frontend/
│   ├── index.html          # Main HTML template
│   ├── index.tsx           # React entry point
│   ├── components/
│   │   ├── App.tsx         # Main application
│   │   ├── CardGenerator.tsx # Card generation logic with BIN support
│   │   └── Card3D.tsx      # 3D card component
│   └── style.css           # Custom styles
├── shared/
│   └── utils.ts            # Luhn algorithm, BIN validation, and utilities
└── backend/
    └── index.ts            # Static file server with API endpoints

1. Toggle Custom BIN: Enable custom BIN mode to input your own prefix
2. Enter BIN: Input 4-15 digits for custom Bank Identification Number
3. Select Card Type: Choose from Visa, Mastercard, Amex, or Discover
4. Generate Card: Click generate to create new card data
5. View 3D Card: Interactive 3D card with hover effects
6. Flip Card: Click to see the back with CVV
7. Copy Data: Copy all card details to clipboard

• Real-time Validation: Validates BIN format and length
• Auto-Detection: Automatically detects card type from BIN
• Smart Warnings: Shows warnings for non-standard BIN patterns
• Length Checking: Ensures BIN doesn't exceed card length limits
• Format Validation: Only accepts numeric input

• POST /api/generate - Generate card with optional custom BIN
• POST /api/validate - Validate card number using Luhn algorithm
• POST /api/validate-bin - Validate BIN format and detect card type
• GET /api/health - Health check endpoint

This generates test data only for development/educational purposes. Custom BIN feature allows testing specific card prefixes. Not for fraudulent use.