JS-Solitaire

Deployed Link:

https://joe-gerhard.github.io/Solitaire/

Wireframe:

Pseudocode:

1. Make a deck of cards
2. Shuffle it
3. Deal the cards to the board
4. Render the game board
5. If a player clicks a card store it as a ‘clicked card’
6. If there is a ‘clicked card’, play that card in the next clicked location (as long as it’s a legal play)
7. If all of the ace piles are full and in order, the player has won the game

Screenshot:

Objective:

Make a vanilla JS Solitaire game

Technology Used:

JS, CSS, and HTML

User Stories:

1. As a user, I should be able to click on a card and then click on a destination to move it
2. As a user, I should be able to click the draw pile to flip over the top card.
3. As a user, I should be able to click the reset button to start a new game.
4. As a user, I should know what my score is at any point of the game
5. As a user, I should be able to double click on a card to play it directly to a legal ace pile.
6. As a user, I should be able to know when I've won the game.

Feature List:

1. Playable solitaire game
2. Time played counter
3. Score Calculator
4. New Game button

Next Steps:

1. add difficulty option--draw 3 cards at a time instead of 1
2. add drag and drop functionality
3. highlight all possible moves when card is highlighted
4. make winning more exciting
5. add functionality to 'replay' the exact same game/deal from the start
6. add an 'instructions' section
7. add an 'undo' button