Public
Like
spider-sol
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
index.ts
https://feb--51e8720448bf11f08b4076b3cceeab13.web.val.run
A beautiful Spider Solitaire card game with Indonesian cultural themes and imagery.
- Classic Spider Solitaire gameplay (4-suit deck, easy rules)
- Indonesian-themed card designs and backgrounds
- Traditional Indonesian colors and patterns
- Responsive design for desktop and mobile
- Score tracking and move counter
- Timer functionality
- Undo functionality
- Hint system with visual feedback
- Auto-complete sequence detection
- Modal dismissal (click outside, close button, or ESC key)
Spider Solitaire is played with two standard 52-card decks (104 cards total) arranged in 10 columns:
- 6 cards in the first 4 columns (top 5 face down, 1 face up)
- 5 cards in the last 6 columns (top 4 face down, 1 face up)
- Remaining cards form the stock pile
Objective: Build complete sequences from King to Ace in the same suit.
Gameplay:
- Move cards between columns in descending order (any suit on any suit)
- Only sequences of the same suit can be moved together
- Complete sequences (K-Q-J-10-9-8-7-6-5-4-3-2-A) of the same suit are automatically removed
- Click the stock pile to deal new cards when no moves are available
- All columns must have at least one card before dealing from stock
- Game is won when all 8 complete sequences are removed
- Click cards to select and move them
- New Game - Start a fresh game
- Undo - Reverse the last move
- Hint - Highlight a possible move
- Stock Pile - Deal new cards (10 at once)
- ESC key - Close modal dialogs
├── backend/
│ └── index.ts # Hono server for serving static files
├── frontend/
│ ├── index.html # Main game interface
│ ├── game.js # Game logic and mechanics
│ └── style.css # Indonesian-themed styling
└── README.md
- Colors: Traditional Indonesian colors (red, white, gold, brown)
- Patterns: Batik-inspired card backs and decorative elements
- Language: Indonesian text throughout the interface
- Symbols: Indonesian flag emoji and cultural motifs
- Typography: Clean, readable fonts with Indonesian flair
- Background: Subtle Indonesian cultural gradients
- Modal System: Dismissible game over modal with multiple close methods
- Responsive Design: Works on desktop, tablet, and mobile devices
- Error Handling: Client-side error catching and reporting
- Performance: Optimized card rendering and smooth animations
- Accessibility: Keyboard navigation and screen reader friendly