Skip to content

mahmudmardini/reversed-spider-solitaire

 
 

Repository files navigation

Reversed Spider Solitaire

Reversed Spider Solitaire It's a simple remake of the classic Spider Solitaire Game built as the final project of Trendyol Front-End Bootcamp.

Game Demo

Content

Technologies Used

  • VueJS
  • SASS
  • Jest
  • Cypress
  • Heroku

Installation

  • Clone project
git clone https://github.com/mahmudmardini/reversed-spider-solitaire.git
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run serve

# build for production with minification
npm run build

How to Play

Wining the game

  • The objective of this game is to arrange all of your cards of the same suit into piles from Ace to King
  • You can move cards between piles by clicking on the cards you want to move
  • You can either move one card, or several cards to another piles in order to sort them
  • If you click on the cards at the top left of the screen, new cards will be dealed to each pile. Then you can use those new cards to keep sorting suits.
  • When you sort all cards, that means you have won the game!

Scoring System

  • Scoring system is related to the time you spend and the difficulty level you choose
  • You have 500 points in the begining of every new game and these points is reduced 10 points for every passing minute
  • The minimum score is ZERO
  • You get 65 points for every sorted pile multiplied with the suit number you are playing with.
    For example: if you play with 2 suits, you will get (65 * 2) 130 points for every sorted suit
  • You have to sort 8 suits for each game, so in the end of the game you'll get (65 * 2 * 80) 1040 points
  • Don't forget that you lose 10 points for every passing minute, so the faster you play the higher score you get 😉

App Performance

Google Lighthouse App Performance Report

E2E Testing

All the components of this application has tested using Cypress End-to-End Testing Library

  • run cypress tests
npx cypress open

Unit Testing

  • run unit tests
npm test

Unit Testing coverage Report Unit Testing files coverage

CI/CD

This application is integrated and deployed automatically using Heroku Cloud Platform

Preview

New Game

New Game

Hint

Hint

Hint Warning

Hint Warning

Two Suits Win

Two Suits Win

One Suit Win

One Suit Win

Empty Pile Warning

Empty Pile Warning

License

MIT © Mahmud Mardini

Links

Releases

No releases published

Packages

No packages published

Languages

  • Vue 58.6%
  • JavaScript 28.6%
  • SCSS 12.1%
  • HTML 0.7%