Chess Patterns

A simple web app for learning chess openings visually. Built with vanilla JS and CSS Grid.

What it does

• Shows chess openings step by step with move explanations
• Organizes openings by difficulty (Basic, Advanced) and style (Gambits)
• Points out common traps and typical plans for each opening
• Works on mobile

Running locally

Just open index.html in your browser. No build steps or dependencies needed.

Code structure

js/
├── app.js         # Main app logic
├── board.js       # Chess board rendering
└── openings/      # Opening data (moves, explanations)

Contributing

Found a bug or want to add an opening? PRs welcome.

Todo

• Add more openings
• Add position evaluation
• Show famous games for each opening
• Add interactive quizzes

Credits

Chess pieces from Chess.com. Opening data from various public databases.

---

Built by adhd