VueSolitaire

Solitaire implemented by scratch on vue.js. It contains 3 types of solitaire namely spider(which was made famous by microsoft back when I was a kid) ,spider 4 suit and klondike. I've learned web development myself without any course or coaching so don't expect too much from the source code xD.

VueSolitaire44

View demo Download Source

How to play

  • Click on the card or card pile you want to move .The pile turns to blue.
  • Click on the
    destination card and if the move is legal the cards will stack below the target.
  • Click the pile on the lower-right corner for extra cards.

About the project.

CSS

  • Each and every card is 100% css except for the SVG of the suit in the center ,which is made by illustrator tool.

VueSolitaire4

3 mode menu

Choose from 3 variants of solitaire form the main menu

VueSolitaire3

Variants

Klondike

VueSolitaire2

Spider 4 Suit

VueSolitaire1

Spider 1 Suit

VueSolitaire

Project setup

npm install
npm run serve

Future scope

  • Make it drag and drop compliable.
  • Add winning animation.
  • Make klondike one better.

GitHub