{"id":22055404,"url":"https://github.com/sogladev/cards-react","last_synced_at":"2025-09-02T15:11:10.414Z","repository":{"id":43091538,"uuid":"470331775","full_name":"sogladev/cards-react","owner":"sogladev","description":"A simple card drawing web app created with React hosted on github pages.","archived":false,"fork":false,"pushed_at":"2024-05-09T14:52:05.000Z","size":25490,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-08T16:03:57.238Z","etag":null,"topics":["cards","cards-game","deckofcards","react"],"latest_commit_sha":null,"homepage":"https://sogladev.github.io/cards-react/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sogladev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-03-15T21:05:34.000Z","updated_at":"2024-11-01T17:57:21.000Z","dependencies_parsed_at":"2024-05-09T16:12:38.117Z","dependency_job_id":"7fb5d370-faf7-4ac1-8385-5e788b735b0b","html_url":"https://github.com/sogladev/cards-react","commit_stats":null,"previous_names":["ella36/cards","jellemeeus/cards","sogladev/cards","sogladev/cards-react"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/sogladev/cards-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sogladev%2Fcards-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sogladev%2Fcards-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sogladev%2Fcards-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sogladev%2Fcards-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sogladev","download_url":"https://codeload.github.com/sogladev/cards-react/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sogladev%2Fcards-react/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264473876,"owners_count":23613958,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cards","cards-game","deckofcards","react"],"created_at":"2024-11-30T16:07:04.564Z","updated_at":"2025-07-09T14:07:55.701Z","avatar_url":"https://github.com/sogladev.png","language":"JavaScript","readme":"\n# Draw Cards\nA simple card drawing web app created with React hosted in github pages.\n\n![demo-gif](./demo.gif)\n\n## Features\n\n* Create a deck of 52 with optional (up to 12) jokers cards\n* French-suited SVG rendered cards\n* Continue drawing from the same deck\n* Draw one or multiple cards at once\n* Mouseover to draw a card from anywhere in the deck\n* Shuffle the deck\n* Flip over the deck\n* Status bar to show number of cards in deck, hand and previously drawn\n* Neatly show cards drawn and cards from previous draws\n\n\n## Credit to NPM Modules\n* svg-cards [https://github.com/htdebeer/SVG-cards](https://github.com/htdebeer/SVG-cards)\n* react-widgets/NumberPicker [https://jquense.github.io/react-widgets/docs/NumberPicker/](https://jquense.github.io/react-widgets/docs/NumberPicker/)\n\n## Getting Started with Create React App\n\nThis project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).\n\n## Learn More\n\nYou can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).\n\nTo learn React, check out the [React documentation](https://reactjs.org/).\n\n# Build Mobile Android \nOptions\n1. create react-native app. Requires rewriting code 👎\n1. convert react to native container. No need to rewrite any code 👍\n\n## convert react to react-native with [Cordova](https://cordova.apache.org/#getstarted)\nfrom: https://stackoverflow.com/questions/35463547/what-is-the-quickest-way-to-convert-a-react-app-to-react-native\nTLDR;\n```\ncreate Cordova app, add android platform and build. open project with android studio and simulate with virtual device.\n```\nChange `\"homepage\": \".\",` in `package.json` before building \n\nBuild cmd\n```\nnpm run build \u0026\u0026 cp -R ./build/* ../MyApp/www/ \u0026\u0026 cd ../MyApp/ \u0026\u0026 cordova build android \u0026\u0026 cordova run android ; cd -\n```\nPixel4 XL Android 11.0\n![screenshot mobile](./android.png)\n\n## IOS\nTodo with QEMU VM, xcode\n1. https://oneclick-macos-simple-kvm.notaperson535.is-a.dev/docs/start-here/\n\n2. https://github.com/sickcodes/Docker-OSX\n\n\n\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsogladev%2Fcards-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsogladev%2Fcards-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsogladev%2Fcards-react/lists"}