gcedo/react-solitaire

React implementation of the famous solitaire card game

react-solitaire

React implementation of the famous solitaire card game

React-solitaire features a suite of technologies for frontend development that I do deeply cherish:

• ui ➜ react
• application architecture ➜ redux
• drag & drop ➜ react-dnd
• immutable data ➜ immutable
• transpiling ➜ babel
• bundling ➜ webpack
• testing ➜ mocha

Take a look at the demo.

Quick Start

$ npm install
$ npm start
$ open http://localhost:3000

react-solitaire's Issues

index.js:26 Uncaught Error: imports[1] for react-transform-catch-errors does not look like a React component.

after running:

npm install
npm start

I am seeing the following error in the Chrome console:
index.js:26 Uncaught Error: imports[1] for react-transform-catch-errors does not look like a React component.

Missing card

I'm honestly not sure how I made this happen, but the King of Spades appears to be missing. There are no cards left for me to shuffle through.

Done

Now what? :D

Dragging a card from inside a tableau pile and dropping it onto a foundation pile is possible and corrupts the deck

I dragged a 4h from a tableau pile ending in ... 4h 3s and dropped it onto a foundation pile that had 3h at the top. This resulted in the 4h being duplicated and the 3s disappearing:

To the best of my knowledge (from playing Solitaire back in Windows 3.1) you should not be able to remove a card from inside a pile.

This was the situation before the bug manifested:

Dragging a King upwards causes it to dissapear

Dragging a king upwards a tiny bit, and dropping it back on it's pile, causes it to disappear.

Online Demo please?

Hi-
This is great! Very up to date, uses functional components and latest practices. Would it be possible to get a gh-pages demo up? Would love to add to react.rocks.
Thanks,
Jeff