VueSolitaire

screenshot of VueSolitaire
vue

Solitaire made in Vue

Overview:

This product is a Solitaire game implemented from scratch on Vue.js and features three types of solitaire: Spider, Spider 4 Suit, and Klondike. The drag and drop functionality allows users to move cards or card piles by dragging them and dropping them onto the target. The project is inspired by AadumKhor's Flutter implementation of the same game. The drag and drop feature is implemented using native HTML5 drag and drop API, with custom logic tailored to each solitaire game type.

Features:

  • Three Solitaire Variants: Choose from Klondike, Spider 4 Suit, or Spider 1 Suit from the main menu.
  • Drag and Drop: Move cards by dragging and dropping them onto the target, with custom logic for each solitaire type.
  • CSS Styling: Each card is styled using CSS, with SVG suits at the center made in Illustrator tool.
  • Mode Menu: Select different game modes from a menu.
vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.