https://github.com/sogladev/cards-react

A simple card drawing web app created with React hosted on github pages.
https://github.com/sogladev/cards-react

cards cards-game deckofcards react

Last synced: about 1 month ago
JSON representation

A simple card drawing web app created with React hosted on github pages.

• Host: GitHub
• URL: https://github.com/sogladev/cards-react
• Owner: sogladev
• Created: 2022-03-15T21:05:34.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2024-05-09T14:52:05.000Z (8 months ago)
• Last Synced: 2024-11-30T16:06:57.947Z (about 1 month ago)
• Topics: cards, cards-game, deckofcards, react
• Language: JavaScript
• Homepage: https://sogladev.github.io/cards-react/
• Size: 24.3 MB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# Draw Cards

A simple card drawing web app created with React hosted in github pages.

![demo-gif](./demo.gif)

## Features

* Create a deck of 52 with optional (up to 12) jokers cards

* French-suited SVG rendered cards

* Continue drawing from the same deck

* Draw one or multiple cards at once

* Mouseover to draw a card from anywhere in the deck

* Shuffle the deck

* Flip over the deck

* Status bar to show number of cards in deck, hand and previously drawn

* Neatly show cards drawn and cards from previous draws

## Credit to NPM Modules

* svg-cards [https://github.com/htdebeer/SVG-cards](https://github.com/htdebeer/SVG-cards)

* react-widgets/NumberPicker [https://jquense.github.io/react-widgets/docs/NumberPicker/](https://jquense.github.io/react-widgets/docs/NumberPicker/)

## Getting Started with Create React App

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## Learn More

You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

To learn React, check out the [React documentation](https://reactjs.org/).

# Build Mobile Android 

Options

1. create react-native app. Requires rewriting code 👎

1. convert react to native container. No need to rewrite any code 👍

## convert react to react-native with [Cordova](https://cordova.apache.org/#getstarted)

from: https://stackoverflow.com/questions/35463547/what-is-the-quickest-way-to-convert-a-react-app-to-react-native

TLDR;

```

create Cordova app, add android platform and build. open project with android studio and simulate with virtual device.

```

Change `"homepage": ".",` in `package.json` before building 

Build cmd

```

npm run build && cp -R ./build/* ../MyApp/www/ && cd ../MyApp/ && cordova build android && cordova run android ; cd -

```

Pixel4 XL Android 11.0

![screenshot mobile](./android.png)

## IOS

Todo with QEMU VM, xcode

1. https://oneclick-macos-simple-kvm.notaperson535.is-a.dev/docs/start-here/

2. https://github.com/sickcodes/Docker-OSX