{"id":15002303,"url":"https://github.com/alleycaaat/memory-card-game","last_synced_at":"2026-03-18T00:35:44.846Z","repository":{"id":207658906,"uuid":"718246915","full_name":"alleycaaat/memory-card-game","owner":"alleycaaat","description":"A memory game for those who truly want a challenge: the card pairs aren't visual duplicates!","archived":false,"fork":false,"pushed_at":"2024-04-25T19:52:39.000Z","size":254,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-12-27T09:56:25.943Z","etag":null,"topics":["appwrite","jamstack","netlify","react","scss","vitejs-react","web-dev","web-game"],"latest_commit_sha":null,"homepage":"https://ach-memory-card-game.vercel.app/","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/alleycaaat.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":"2023-11-13T17:29:59.000Z","updated_at":"2024-04-25T19:52:42.000Z","dependencies_parsed_at":"2023-11-23T21:30:53.492Z","dependency_job_id":"891b03ed-000f-42e0-a02f-d51add03ed21","html_url":"https://github.com/alleycaaat/memory-card-game","commit_stats":null,"previous_names":["alleycaaat/memory-card-game"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/alleycaaat/memory-card-game","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alleycaaat%2Fmemory-card-game","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alleycaaat%2Fmemory-card-game/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alleycaaat%2Fmemory-card-game/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alleycaaat%2Fmemory-card-game/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alleycaaat","download_url":"https://codeload.github.com/alleycaaat/memory-card-game/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alleycaaat%2Fmemory-card-game/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30637174,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-18T00:09:27.587Z","status":"ssl_error","status_checked_at":"2026-03-18T00:09:26.123Z","response_time":56,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["appwrite","jamstack","netlify","react","scss","vitejs-react","web-dev","web-game"],"created_at":"2024-09-24T18:49:30.311Z","updated_at":"2026-03-18T00:35:44.821Z","avatar_url":"https://github.com/alleycaaat.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name='top'\u003e\u003c/a\u003e\n\u003cdiv align='center'\u003e\n\n![Vercel][Vercel]\n![last commit][last-commit]\n![issues open][issues-open]\n![github stars][stars]\n\n\u003ch1\u003e\u003cstrong\u003eMemory Game\u003c/strong\u003e\u003c/h1\u003e\n\u003c/div\u003e\n\nMemory Game is a Jamstack web-app developed using [React](react-url) and [SCSS](sass-url) to create a responsive, optimized interface. Users can choose from three different card decks, two different difficulty levels, and from three card amounts.  The user clicks on any two cards and they flip over to show what their face is, if they match they stay visible, otherwise they'll flip back over.  A timer lets the user know how much time has passed, and a counter shows how many incorrect guesses they've made.\n\n\u003cdetails\u003e\n  \u003csummary\u003eTable of Contents\u003c/summary\u003e\n  \u003cul\u003e\n        \u003cli\u003e\u003ca href='#about-the-project'\u003eAbout The Project\u003c/a\u003e\u003c/li\u003e\n        \u003cul\u003e\n            \u003cli\u003e\u003ca href='#current-features'\u003eCurrent Features\u003c/a\u003e\u003c/li\u003e\n            \u003cli\u003e\u003ca href='#updates-from-v1'\u003eUpdates from V1\u003c/a\u003e\u003c/li\u003e\n            \u003cli\u003e\u003ca href='#built-with'\u003eBuilt With\u003c/a\u003e\u003c/li\u003e\n            \u003cli\u003e\u003ca href='#tested-on'\u003eTested On\u003c/a\u003e\u003c/li\u003e\n        \u003c/ul\u003e\n        \u003cli\u003e\u003ca href='#feedback'\u003eFeedback\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href='#contact'\u003eContact\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href='#acknowledgements'\u003eAcknowledgements\u003c/a\u003e\u003c/li\u003e\n    \u003c/ul\u003e\n\u003c/details\u003e\n\n## \u003cstrong\u003eAbout The Project\u003c/strong\u003e\n\n![A web app titled Memory Game with options to select a card type, amount and difficulty level](./src/assets/screenshot.png)\n\n\u003cbr\u003e\n\n\u003cdiv align='center'\u003e\n\n![repo size][repo-size]\n![language count][language-count]\n![main language][main-language]\n\n\u003c/div\u003e\n\n### \u003cstrong\u003eCurrent Features\u003c/strong\u003e\n- Users can pick a normal or difficult game\n- Animation shows card flip\n- Checks prevent game from starting without deck, category and card count selections\n\n### \u003cstrong\u003eUpdates from V1\u003c/strong\u003e\n- Switched database host from fauna to appwrite\n- Create new card faces for improved contrast\n- Added utilities and constants\n- Created more components for cleaner code\n\n\u003cbr\u003e\n\n### \u003cstrong\u003eBuilt With\u003c/strong\u003e\n\n[![React][react.js]][react-url]\n[![Sass][sass]][sass-url]\n\n### \u003cstrong\u003eTested On\u003c/strong\u003e\n\n[![Chrome][chrome]][chrome-url]\n[![Opera][opera]][opera-url]\n\n\u003cp align='right'\u003e(\u003ca href='#top'\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n### \u003cstrong\u003eDependencies\u003c/strong\u003e\n***\n- [react](https://www.npmjs.com/package/react)\n- [react-dom](https://www.npmjs.com/package/react-dom)\n- [vite](https://www.npmjs.com/package/vite)\n- [sass](https://www.npmjs.com/package/sass)\n- [appwrite](https://www.npmjs.com/package/appwrite)\n\n\u003cp align='right'\u003e(\u003ca href='#top'\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## \u003cstrong\u003eFeedback\u003c/strong\u003e\n\nAs my cats and dog aren't too keen on providing input on my projects, feel free to [send me a message](https://www.achulslander.com/#contact) if you have some constructive comments, or [file an issue](https://github.com/alleycaaat/memory-card-game/issues/new) if I really buggered something up.\n\n\u003cp align='right'\u003e(\u003ca href='#top'\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## \u003cstrong\u003eContact\u003c/strong\u003e\n\n\u003cdiv align='center'\u003e\n\nAC Hulslander - [Send me a message](https://www.achulslander.com/#contact)\n\n[![GitHub][github]](https://github.com/alleycaaat/)\n[![hashnode][hashnode]][hashnode-url]\n[![linkedin][linkedin]][linkedin-url]\n[![discord][discord]][discord-url]\n[![codepen][codepen]][codepen-url]\n[![twitter][twitter]][twitter-url]\n\u003c/div\u003e\n\n\u003cp align='right'\u003e(\u003ca href='#top'\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## \u003cstrong\u003eAcknowledgements\u003c/strong\u003e\n\n- [Img Shields](https://shields.io/)\n- [Appwrite docs](https://appwrite.io/docs)\n\n\u003cp align='right'\u003e(\u003ca href='#top'\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n\n\n\n[Vercel]: https://vercelbadge.vercel.app/api/alleycaaat/memory-card-game\n\n[issues-open]: https://img.shields.io/github/issues/alleycaaat/memory-card-game?color=blue\u0026logo=github\n\n[repo-size]: https://img.shields.io/github/repo-size/alleycaaat/memory-card-game?color=red\u0026logo=github\n\n[language-count]: https://img.shields.io/github/languages/count/alleycaaat/memory-card-game?color=orange\u0026logo=github\n\n[main-language]: https://img.shields.io/github/languages/top/alleycaaat/memory-card-game?color=yellow\u0026logo=github\n\n[last-commit]: https://img.shields.io/github/last-commit/alleycaaat/memory-card-game?logo=github\n\n[stars]: https://img.shields.io/github/stars/alleycaaat/memory-card-game?color=purple\u0026logo=github\n\n[linkedin]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge\u0026logo=linkedin\u0026colorB=555\n[linkedin-url]: https://linkedin.com/in/achulslander\n\n[react.js]: https://img.shields.io/badge/React-20232A?style=for-the-badge\u0026logo=react\u0026logoColor=61DAFB\n[react-url]: https://reactjs.org/\n\n[sass]: https://img.shields.io/badge/Sass-CC6699?style=for-the-badge\u0026logo=sass\u0026logoColor=white\n[sass-url]: https://sass-lang.com/\n\n[chrome]: https://img.shields.io/badge/Google_chrome-4285F4?style=for-the-badge\u0026logo=Google-chrome\u0026logoColor=white\n[chrome-url]: https://www.google.com/chrome/\n\n[opera]: \thttps://img.shields.io/badge/Opera-FF1B2D?style=for-the-badge\u0026logo=Opera\u0026logoColor=white\n[opera-url]: https://www.opera.com/download\n\n[github]: https://img.shields.io/badge/GitHub-100000?style=for-the-badge\u0026logo=github\u0026logoColor=white\n\n[codepen]: https://img.shields.io/badge/Codepen-000000?style=for-the-badge\u0026logo=codepen\u0026logoColor=white\n[codepen-url]: https://codepen.io/alleycaaat\n\n[twitter]: https://img.shields.io/badge/Twitter-1DA1F2?style=for-the-badge\u0026logo=twitter\u0026logoColor=white\n[twitter-url]: https://twitter.com/achulslander\n\n[hashnode]: https://img.shields.io/badge/Hashnode-2962FF?style=for-the-badge\u0026logo=hashnode\u0026logoColor=white\n[hashnode-url]: https://hashnode.com/@alleycaaat\n\n[discord]:https://img.shields.io/badge/Discord-7289DA?style=for-the-badge\u0026logo=discord\u0026logoColor=white\n[discord-url]: https://discord.com/users/427569685366833174\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falleycaaat%2Fmemory-card-game","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falleycaaat%2Fmemory-card-game","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falleycaaat%2Fmemory-card-game/lists"}