Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/baspinarenes/spider-solitaire

Legendary spider solitaire game with Windows XP theme
https://github.com/baspinarenes/spider-solitaire

cypress eslint jest react react-beautiful-dnd reactjs styled-components testing-library

Last synced: about 1 month ago
JSON representation

Legendary spider solitaire game with Windows XP theme

Host: GitHub
URL: https://github.com/baspinarenes/spider-solitaire
Owner: baspinarenes
License: cc0-1.0
Created: 2021-08-10T11:38:33.000Z (over 3 years ago)
Default Branch: main
Last Pushed: 2022-04-08T21:54:29.000Z (over 2 years ago)
Last Synced: 2024-08-01T21:54:23.912Z (5 months ago)
Topics: cypress, eslint, jest, react, react-beautiful-dnd, reactjs, styled-components, testing-library
Language: JavaScript
Homepage: https://baspinarenes.github.io/spider-solitaire/
Size: 21.2 MB
Stars: 5
Watchers: 1
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

starred - baspinarenes/spider-solitaire - Legendary spider solitaire game with Windows XP theme (JavaScript)

README

# Legend Spider Solitaire

![](./readme/game-starting.webp)

This project is the graduation project of Trendyol Frontend bootcamp. Flexible design is adopted. The game has been made using reusable components, following the principles of clean code. For tests, Jest (Unit) and Cypress (E2E) were used. For automatic deploy, CI/CD was used with Github Actions.

Live: [Github Page](https://baspinarenes.github.io/spider-solitaire/) | [Heroku](https://legend-spider-solitaire.herokuapp.com/)

## Technologies

- React
- ESLint - Prettier - Airbnb
- Styled Components
- React Beautiful Dnd
- Jest
- Testing Library
- Cypress

## Installation

You can download the project by cloning it from the Github site or by typing the following command:

```console
git clone https://github.com/baspinarenes/spider-solitaire
```

## Run Project

In the project directory you can run the following lines:

```console
npm install
npm start
```

## Test Project

To run unit tests you can run the following lines:

```console
npm run test:coverage
```

To run E2E tests you can run the following lines:

```console
npm run cypress:open
```

## How To Play

- The goal of the game is to complete 8 decks of cards and not leave any cards on the board.
- The cards should be sorted from left to right as in the example (contrary to the real rules): [A, 2, 3, 4, 5, 6, 7, 8, 9, 10, J, Q, K]
- If there are no more moves to be played, the card must be dealt.
- If there is an empty column, no cards can be dealt.
- You can click on the green box to get suggestions.
- If all the cards are dealt and there are no more moves to be played, the new game can be started.

## Screenshots

![](./readme/intro.webp)
![](./readme/login.webp)
![](./readme/desktop.webp)
![](./readme/game-starting.webp)
![](./readme/completed-decks.webp)
![](./readme/hint.webp)
![](./readme/won.webp)

## License

Distributed under the Creative Commons Zero. See `LICENSE` for more information.