Giter Club home page Giter Club logo

solitaire's Introduction

Solitaire

Roger Davila

About the Game

Solitaire is a single player game with many variations. This flavor of solitaire is Klondike, where the goal is to arrange the cards into four piles from Ace to King using a standard 52 card deck of playing cards.

How to Play the Game

There are four main section sections to the board.

1. The Foundation

This where your cards are sorted. The Foundation piles are initially empty. They are stacked starting with the ace and are built up one card at a time up to the king within the same suit. The game is won when all of your cards are in the Foundation.

2. The Tableau

In the Tableau, you can only place a card whose rank is one lower and of an alternate color than the card that it will be placed on top of. You may also move a stack from the Tableau using the card selected as the reference and then moving all of the cards below it to the new position.

3. The Hand

This is where you will draw from to get more cards to make more moves. This version of the game deals 1 card at a time from the Hand (deck) when you click it. The drawn cards are placed into the Waste pile in the order they were drawn. Once the hand is empty turn the waste pile over and at it to the hand.

4. The Waste

The Waste is where your drawn cards go. Turn over the card(s) you pull from the Hand and stack them on top of each other faceup. You can only access the top most card on the waste, but can see the 3 most recent cards drawn.

๐ŸŽจ Wireframes

I Used figma to quickly sketch up a wireframe for the application. Focused on making it playable on mobile devices first as I imagined this being a more enjoyable and likely use case.

Landing Page Wireframe

Landing Page - iPhone 11 Pro Reference

๐Ÿ’ป Technologies Used

JavaScript HTML5 CSS3 Git Github VSCode Markdown Figma

Getting Started

Click to Play Solitaire!

โฉ Next Steps

Upcoming Features

  • 3 Card Deal
  • Game Duration Timer
  • Re-Deal Starting Board
  • Undo Move
  • Card Sound Effects
  • Animations
  • Drag Card Function

solitaire's People

Contributors

roger-davila avatar

Watchers

 avatar

Forkers

amarpan

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.