{"id":18214299,"url":"https://github.com/codewithalamin/rock-paper-scissors","last_synced_at":"2026-01-21T12:07:27.191Z","repository":{"id":254103334,"uuid":"842509489","full_name":"CodeWithAlamin/Rock-Paper-Scissors","owner":"CodeWithAlamin","description":"A Rock-Paper-Scissors game built with React, TypeScript, and Framer Motion. Enjoy a clean, interactive experience with smooth animations","archived":false,"fork":false,"pushed_at":"2024-10-30T13:38:13.000Z","size":921,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-09T22:33:21.055Z","etag":null,"topics":["codewithalamin","framer-motion","framermotion","frontend","frontend-app","frontend-mentor","frontendmentor-challenge","rock-paper-scissors","rock-paper-scissors-game","typescript"],"latest_commit_sha":null,"homepage":"https://rps-game-v3-alamin.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/CodeWithAlamin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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":"2024-08-14T13:52:39.000Z","updated_at":"2024-10-30T13:37:48.000Z","dependencies_parsed_at":null,"dependency_job_id":"ebf8c040-bd0a-43aa-8198-adbed440a969","html_url":"https://github.com/CodeWithAlamin/Rock-Paper-Scissors","commit_stats":{"total_commits":78,"total_committers":1,"mean_commits":78.0,"dds":0.0,"last_synced_commit":"9c53bac77e02e3efbe752bfb552d94c985695a45"},"previous_names":["codepapa360/rock-paper-scissors","codewithalamin/rock-paper-scissors"],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithAlamin%2FRock-Paper-Scissors","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithAlamin%2FRock-Paper-Scissors/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithAlamin%2FRock-Paper-Scissors/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithAlamin%2FRock-Paper-Scissors/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CodeWithAlamin","download_url":"https://codeload.github.com/CodeWithAlamin/Rock-Paper-Scissors/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247730786,"owners_count":20986552,"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":["codewithalamin","framer-motion","framermotion","frontend","frontend-app","frontend-mentor","frontendmentor-challenge","rock-paper-scissors","rock-paper-scissors-game","typescript"],"created_at":"2024-11-03T16:02:18.688Z","updated_at":"2026-01-21T12:07:27.184Z","avatar_url":"https://github.com/CodeWithAlamin.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eRock, Paper, Scissors Game v3\u003c/h1\u003e\n\n\u003ch2 align=\"center\"\u003e\n\n[🖱️Live Website v3](https://rps-game-v3-alamin.vercel.app)\n\n\u003c/h2\u003e\n\n\u003c!-- Badges --\u003e\n\u003cdiv align=\"center\"\u003e\n\n[![LinkedIn](https://img.shields.io/badge/LinkedIn-Connect-blue?style=for-the-badge\u0026logo=linkedin)](https://www.linkedin.com/in/CodeWithAlamin)\n[![Twitter Follow](https://img.shields.io/twitter/follow/CodeWithAlamin?style=for-the-badge\u0026logo=x)](https://x.com/CodeWithAlamin)\n\n![version](https://img.shields.io/github/package-json/v/CodeWithAlamin/Rock-Paper-Scissors?color=blue)\n![License](https://img.shields.io/github/license/CodeWithAlamin/Rock-Paper-Scissors?color=blue)\n\n\u003c/div\u003e\n\n\u003c!-- Brief --\u003e\n\u003cp align=\"center\"\u003e\nInitially built with vanilla TypeScript, the Rock, Paper, Scissors game has now been upgraded to React with TypeScript and Framer Motion. This project reflects my continued focus on mastering TypeScript, beginning in a vanilla JavaScript environment, then evolving into React, and now adding smooth animations with Framer Motion. It's been a great learning experience, sharpening my skills and improving my code quality.\n\u003c/p\u003e\n\n\u003c!-- Screenshot --\u003e\n\u003ca align=\"center\" href=\"https://rps-game-v3-alamin.vercel.app\"\u003e\n\n![Screenshot](./public/images/rps-game-thumbnail.webp)\n\n\u003c/a\u003e\n\n## Table of contents\n\n- [Links](#links)\n- [The challenge](#the-challenge)\n- [Built with](#built-with)\n- [What I learned](#what-i-learned)\n- [Future Upgrades](#future-upgrades)\n- [Author](#author)\n- [Acknowledgments](#acknowledgments)\n- [License](#license)\n\n### Links\n\n- v3 Live Site URL (Latest): [Click here](https://rps-game-v3-alamin.vercel.app)\n- v2 Live Site URL: [Click here](https://rps-game-v2-alamin.vercel.app)\n- v1 Live Site URL: [Click here](https://rps-game-alamin.vercel.app)\n- Solution URL: [Click here](https://www.frontendmentor.io/solutions/rock-paper-scissors-game-with-typescript-fe6IN10Ent)\n\n### The challenge\n\nUsers should be able to:\n\n- View the optimal layout for the game depending on their device's screen size\n- Play Rock, Paper, Scissors against the computer\n- Maintain the state of the score after refreshing the browser _(optional)_\n\n## Built with\n\n- React\n- TypeScript\n- Framer Motion\n- Tailwind CSS\n- Vite\n\n## What I Learned\n\nThis project strengthened my understanding of TypeScript, beginning in a vanilla JavaScript environment, continuing with React and TypeScript in v2, and now including animations using Framer Motion in v3. It has helped me improve static typing, code clarity, and enforce safer coding practices, while also adding smooth, interactive animations to enhance the user experience.\n\n## Installation\n\n- Clone this repo:\n\n```sh\ngit clone https://github.com/CodeWithAlamin/Rock-Paper-Scissors.git\n```\n\n- Install dependencies:\n\n```sh\nnpm install\n```\n\n- Live server:\n\n```sh\nnpm run dev\n```\n\n- Build command:\n\n```sh\nnpm run build\n```\n\n## Author\n\n\u003cb\u003e👤 Alamin\u003c/b\u003e\n\n- LinkedIn - [@CodeWithAlamin](https://www.linkedin.com/in/CodeWithAlamin)\n- Twitter - [@CodeWithAlamin](https://www.twitter.com/CodeWithAlamin)\n- GitHub: [@CodeWithAlamin](https://github.com/CodeWithAlamin)\n- Frontend Mentor - [@CodeWithAlamin](https://www.frontendmentor.io/profile/CodeWithAlamin)\n\nFeel free to contact me with any questions or feedback!\n\n## Acknowledgments\n\nThe project was inspired by [this](https://www.frontendmentor.io/challenges/rock-paper-scissors-game-pTgwgvgH) challenge from Frontend Mentor. Special thanks to Frontend Mentor for providing the design and specifications for this project.\n\n## License\n\nThis project is licensed under the [Apache License 2.0](./LICENSE.md) License - see the LICENSE file for details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodewithalamin%2Frock-paper-scissors","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodewithalamin%2Frock-paper-scissors","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodewithalamin%2Frock-paper-scissors/lists"}