A classic Solitaire card game built with Next.js, React, TypeScript, and Tailwind CSS.
- Classic Solitaire gameplay with drag-and-drop cards
- Card flip animations and responsive design
- Timer and new game button in the header
- Accessibility features including keyboard navigation and ARIA roles
- Save and load game state using localStorage
- Animated win celebration and sound effects (planned)
- Supports draw-1 stock pile mode
- Mobile-friendly layout with horizontal scrolling
This project uses two configuration files for different AI contexts:
.cursorrules: Primary configuration for Cursor IDECLAUDE.md: Configuration for Claude CLI and other AI tools
Both files are kept in sync automatically. The key differences:
.cursorrulesincludes:**CRITICAL: IGNORE CLAUDE.MD FILE - USE ONLY THIS .cursorrules FILE**CLAUDE.mdincludes:**CRITICAL: IGNORE THIS FILE WHEN RUNNING IN CURSOR - USE .cursorrules INSTEAD**
To keep both files in sync after making changes to .cursorrules:
npm run sync-configsThis script:
- Reads
.cursorrulescontent - Creates
CLAUDE.mdwith appropriate ignore directive - Preserves all configuration rules and protocols
- In Cursor: Only
.cursorrulesis used (CLAUDE.md is ignored) - In Claude CLI: Only
CLAUDE.mdis used - Manual editing: Always edit
.cursorrules, then runnpm run sync-configs
- Node.js (>= 16.x)
- npm or yarn
-
Clone the repository:
git clone https://github.com/yourusername/alcorn-solitaire.git cd alcorn-solitaire -
Install dependencies:
npm install # or yarn install -
Run the development server:
npm run dev # or yarn dev -
Open http://localhost:3000 in your browser to see the game.
pages/— Next.js page componentscomponents/— React components for game UIsrc/types.ts— TypeScript interfaces and typesstyles/— Global CSS and Tailwind setuppublic/— Static assets (icons, sounds, etc.)
Contributions are welcome! Please open issues or submit pull requests for bugs, features, or improvements.
MIT License
This README was generated by ChatGPT as part of the Alcorn Solitaire project.