BlackJack ♠️♥️♣️♦️

A modern, interactive BlackJack game with a sleek casino-inspired interface. Play the classic card game against the dealer with realistic animations and intuitive touch controls.

Features

• 🎮 Classic BlackJack gameplay against the dealer
• 💰 Interactive chip betting system with drag-and-drop functionality
• 💳 Customizable bet amounts with various chip denominations
• 🃏 Animated card dealing and gameplay
• 📱 Fully responsive design for all devices
• 🌈 Stunning neon/casino-inspired visuals
• 📊 Game history tracking to review your wins and losses
• 👆 Optimized for touch interactions on mobile devices
• 🔄 Automatic deck shuffling when needed

Architecture

This BlackJack game is built with a clean, modern web architecture:

• Frontend: Pure HTML5, CSS3, and Vanilla JavaScript
• UI Framework: Custom-built responsive layout with flexbox
• Animation System: CSS keyframe animations and JavaScript transitions
• Game Logic: Object-oriented JavaScript with state management
• Rendering: DOM-based card and chip rendering
• Input Handling:
  • Mouse events for desktop
  • Touch events for mobile devices
  • Drag and drop API for betting chips
• Responsive Design: Media queries for different screen sizes
• Storage: In-memory game state management

The entire application is contained in a single HTML file, making it extremely portable and easy to deploy.

Device Compatibility

BlackJack is thoroughly tested and optimized for:

• Desktop: Supports all modern browsers (Chrome, Firefox, Safari, Edge)
• Tablets: Optimized layout for iPad and Android tablets
• Mobile Phones: Responsive design with touch-optimized controls
  • Custom touch handling for chip placement
  • Collapsible information panel for more screen space
  • Appropriately sized buttons for touch input
  • Optimized display for all screen sizes including small devices

How to Play

1. Drag chips from the chip tray to the betting area to place your bet