{"id":28928850,"url":"https://github.com/dalascript/spock-rock-game","last_synced_at":"2025-07-09T05:36:20.587Z","repository":{"id":300458874,"uuid":"1006233091","full_name":"DalaScript/spock-rock-game","owner":"DalaScript","description":null,"archived":false,"fork":false,"pushed_at":"2025-06-21T19:53:47.000Z","size":0,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-21T20:32:10.243Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","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/DalaScript.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,"zenodo":null}},"created_at":"2025-06-21T19:42:02.000Z","updated_at":"2025-06-21T19:53:50.000Z","dependencies_parsed_at":"2025-06-21T20:42:51.814Z","dependency_job_id":null,"html_url":"https://github.com/DalaScript/spock-rock-game","commit_stats":null,"previous_names":["dalascript/spock-rock-game"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/DalaScript/spock-rock-game","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DalaScript%2Fspock-rock-game","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DalaScript%2Fspock-rock-game/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DalaScript%2Fspock-rock-game/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DalaScript%2Fspock-rock-game/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DalaScript","download_url":"https://codeload.github.com/DalaScript/spock-rock-game/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DalaScript%2Fspock-rock-game/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261304302,"owners_count":23138306,"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":[],"created_at":"2025-06-22T14:14:37.982Z","updated_at":"2025-07-09T05:36:20.582Z","avatar_url":"https://github.com/DalaScript.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Spock Rock Game | ZTM JS Web Projects Course\n\n**Project 13/20**\n\n🎮 Spock Rock Game is an extended version of the classic Rock-Paper-Scissors game — inspired by *The Big Bang Theory* — now featuring **Lizard** and **Spock** as additional choices. With smooth UI, real-time score tracking, and a celebratory confetti animation when you win, this project is built entirely with Vanilla JS and styled to work across devices.\n\n---\n\n## 📚 Table of Contents\n\n- [🔎 Overview](#-overview)\n  - [📸 Screenshot](#-screenshot)\n  - [🔗 Links](#-links)\n  - [📌 Features](#-features)\n- [🧠 My process](#-my-process)\n  - [🛠️ Built with](#️-built-with)\n  - [🎓 What I learned](#-what-i-learned)\n  - [🔙 Previous Project](#-previous-project)\n  - [🔜 Next Project](#-next-project)\n  - [🗃️ Useful resources](#️-useful-resources)\n- [👤 Author](#-author)\n  - [🌐 Connect with Me](#-connect-with-me)\n  - [💻 Coding Profiles](#-coding-profiles)\n\n---\n\n## 🔎 Overview\n\n### 📸 Screenshot\n\n![Live Preview Screenshot](./assets/screenshot.jpg)\n\n### 🔗 Links\n\n - [🔴 Live Demo](https://dalascript.github.io/spock-rock-game/)\n - [🗂️ GitHub Repository](https://github.com/DalaScript/spock-rock-game)\n\n### 📌 Features\n\n - ✅ 5-choice gameplay: Rock, Paper, Scissors, Lizard, Spock\n - ✅ Click-based controls with immediate visual feedback\n - ✅ Real-time score updates for both player and computer\n - ✅ Dynamic result messaging (win, lose, tie)\n - ✅ Confetti animation when the player wins 🎉\n - ✅ Clean reset functionality to start over anytime\n - ✅ Visual \"selected\" highlight for both player and computer choices\n - ✅ Fully responsive and mobile-friendly layout\n\n---\n\n## 🧠 My Process\n\n### 🛠️ Built with\n\n - HTML5\n - CSS3\n - Vanilla JavaScript\n - Confetti.js\n\n### 🎓 What I Learned\n\n - Managing game logic for multi-option matchups\n - Using objects and arrays to build scalable rule sets\n - Dynamically updating the DOM based on game state\n - Importing and using external JavaScript modules (like `confetti.js`)\n - Enhancing user experience with animations and visual feedback\n - Structuring event-driven applications with clean, modular code\n - Responsive UI techniques with flexbox and breakpoints\n\n### 🔙 Previous Project\n\n - Form Validator | *[Project 12/20]* → [View Repository](https://github.com/DalaScript/form-validator)\n\n### 🔜 Next Project\n\n - NASA APOD | *[Project 14/20]* → [View Repository](https://github.com/DalaScript/nasa-apod)\n\n### 🗃️ Useful resources\n\n - [Big Bang Theory Video Clip - RPSLS](https://www.youtube.com/watch?v=405Nh2H4Ucg) – Fun origin of the 5-option game logic  \n - [FontAwesome Icons](https://fontawesome.com/icons?d=gallery\u0026q=close\u0026m=free) – Free icons for UI elements\n - [Google Fonts](https://fonts.google.com/) – Stylish fonts for modern UI\n - [Confetti JS](https://www.cssscript.com/confetti-falling-animation/) – Lightweight confetti animation library\n - [W3Schools - Switch](https://www.w3schools.com/js/js_switch.asp) – How to use switch statements\n - [MDN - ES Modules](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules) – Guide to JavaScript modules\n - [JS Modules History Article](https://www.sitepoint.com/understanding-es6-modules-via-their-history/) – Article on the evolution of JS modules\n - [JS Modules History Github](https://gist.github.com/branneman/558ef3a37ffd58ea004e00db5b201677) – Timeline of JavaScript module development\n\n---\n\n## 👤 Author\n\n### 🌐 Connect with Me\n\n - [Instagram](https://www.instagram.com/DalaScript)\n - [YouTube](https://www.youtube.com/@DalaScript)\n\n### 💻 Coding Profiles\n\n - [freeCodeCamp](https://www.freecodecamp.org/DalaScript)\n - [FrontendMentor](https://www.frontendmentor.io/profile/DalaScript)\n - [GitHub](https://github.com/DalaScript)\n\n*🙌 Thanks for checking out my project! More coming soon. Stay tuned 🚀*\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdalascript%2Fspock-rock-game","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdalascript%2Fspock-rock-game","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdalascript%2Fspock-rock-game/lists"}