Solitaire made in Vue
Solitaire implemented by scratch on vue.js.
VueSolitaire
Live Demo
Contributions are Welcome
Description
NOW WITH DRAG AND DROP
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.
This project is inspired by AadumKhor Go check out his flutter implementation of the same Here .
How to play
Drag and Drop [Chrome,Opera]:-
- Drag the card or the card pile you want to move.
- Drop the dragged card pile on the target and if the move is legal card will move
- Note:- Drag and Drop doesn't work for properly for firefox due to their lack of support to html Drag and drop API - https://bugzilla.mozilla.org/show_bug.cgi?id=505521 .
Click edition [Mobile,Firefox,Chrome,Safari,Opera]-
- 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.
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.
3 mode menu
Choose from 3 variants of solitaire form the main menu
Variants
Klondike
Spider 4 Suit
Spider 1 Suit
Project setup
npm install
npm run serve
Future scope
- Add winning animation.
Support on Beerpay
Hey dude! Help me out for a couple of :beers:!