Skip to content

DamlaDemir/SpiderSolitaire

Repository files navigation

REVERSED SPIDER SOLITAIRE

Trendyol Frontend Bootcamp Graduation Project

Technologies:

  • Vue.js
  • Cypress
  • Jest
  • Heroku

Game Description

A game of cards in which all the cards on the table must be in order A, 2, 3, 4, 5, 6, 7, 8 ,9 , 10, J, Q, K.

Game Rules

  • There should be 104 cards in total and 54 cards should be arranged as 4 sixes and 6 fives.
  • The remaining 50 cards must be reserved as cards to be dealt.
  • If the order can't be made in the game, the first 10 cards to be dealt must be dealt in order from left to right.
  • The cards must always be arranged in order A, 2, 3, 4, 5, 6, 7, 8 ,9 , 10, J, Q, K.
  • Only the top cards should be face up.
  • After the drag, the new card should be opened.
  • The game must be won when 8 ranked sets have been completed.
  • A warning message should be given when unordered cards are wanted to be dragged.
  • When the card is distributed, if there is an empty card space, a warning should be given and the card should not be distributed.
  • Score must be calculated.

Score Calculating

  • 150 points should be added for each card opened.
  • 1040 points should be added for each series completion.
  • Each time a hint is taken, it should be reduced by 20 points.
  • After the game is over, it should calculate according to the elapsed time.
( totalScore / 4 + (600 - totalTime) * 25)

Assignment

  • Writing the code of the game according to the rules above.
  • Writing unit tests with Jest.
  • Writing e2e tests with Cypress.
  • Game design should be responsive.
  • Component based architectural, clean code, styling, error handling,ui/ux,ci/cd.
  • Score must be at least 60 in Lighthouse tests.

Game Preview

Design

spider-solitaire

Draging Sequential Cards

spider-solitaire-1

Hints

spider-solitaire-2

Series Completion And Deal Cards

spider-solitaire-3

Series Completion 2

spider-solitaire-4

Win And Restart Game

spider-solitaire-5

Tests

Unit Test Coverage With Jest

jest-coverage

E2E Test With Cypress

cypress-test

Lighthouse Score

lighthouse-score

Heroku Automatic Deploy

heroku-automatic-deploy-1 heroku-automatic-deploy-2


Project setup

 npm install

Compiles and hot-reloads for development

npm run serve

Run your unit tests

npm run test:unit
npx jest --coverage

Run your end-to-end tests

npm run test:e2e

About

Trendyol Frontend Bootcamp Graduation Project

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published