{"id":35104643,"url":"https://github.com/darshanas17/react-match-game","last_synced_at":"2026-05-21T06:04:20.854Z","repository":{"id":287709888,"uuid":"965560909","full_name":"Darshanas17/react-match-game","owner":"Darshanas17","description":null,"archived":false,"fork":false,"pushed_at":"2025-04-13T12:49:46.000Z","size":0,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-13T13:36:26.907Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/Darshanas17.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-04-13T12:42:30.000Z","updated_at":"2025-04-13T12:49:49.000Z","dependencies_parsed_at":"2025-04-13T13:47:03.921Z","dependency_job_id":null,"html_url":"https://github.com/Darshanas17/react-match-game","commit_stats":null,"previous_names":["darshanas17/react-match-game"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Darshanas17/react-match-game","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Darshanas17%2Freact-match-game","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Darshanas17%2Freact-match-game/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Darshanas17%2Freact-match-game/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Darshanas17%2Freact-match-game/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Darshanas17","download_url":"https://codeload.github.com/Darshanas17/react-match-game/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Darshanas17%2Freact-match-game/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33290928,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-21T02:57:32.698Z","status":"ssl_error","status_checked_at":"2026-05-21T02:57:31.990Z","response_time":62,"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":[],"created_at":"2025-12-27T17:51:51.226Z","updated_at":"2026-05-21T06:04:20.849Z","avatar_url":"https://github.com/Darshanas17.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🎮 React Match Game\n\n## 🚀 Live Demo\n[Click here to view the demo](https://Darshanas17.github.io/react-match-game/)\n\n\n### 📸 Preview/Responsive Design\n- **Extra Small (Size \u003c 576px) and Small (Size \u003e= 576px)**:  \n  \u003cimg src=\"https://assets.ccbp.in/frontend/content/react-js/match-game-sm-outputs.png\" alt=\"Match Game Small\" style=\"max-width:70%;box-shadow:0 2.8px 2.2px rgba(0, 0, 0, 0.12)\"\u003e\n\n- **Medium (Size \u003e= 768px), Large (Size \u003e= 992px), and Extra Large (Size \u003e= 1200px)**:  \n  \u003cimg src=\"https://assets.ccbp.in/frontend/content/react-js/match-game-lg-output.png\" alt=\"Match Game Large\" style=\"max-width:70%;box-shadow:0 2.8px 2.2px rgba(0, 0, 0, 0.12)\"\u003e\n\n- **Scorecard**:  \n  \u003cimg src=\"https://assets.ccbp.in/frontend/content/react-js/match-game-score-card-lg-output.png\" alt=\"Match Game Scorecard\" style=\"max-width:70%;box-shadow:0 2.8px 2.2px rgba(0, 0, 0, 0.12)\"\u003e\n\n## 📌 Overview\nThe **React Match Game** is a fun and engaging game where players need to match pairs of images. Players are challenged to match the images in as few moves as possible while tracking their score.\n\n## ✨ Features\n- **Matching Pairs:** The main gameplay revolves around matching pairs of images within a set time.\n- **Score Tracking:** Keep track of your score based on the number of moves taken to match all pairs.\n- **Timer:** A countdown timer adds to the challenge of completing the game in time.\n- **Responsive Design:** The game adjusts perfectly across various screen sizes, making it easy to play on both desktop and mobile devices.\n\n## 🛠️ Tech Stack\n- **React.js** – Frontend UI\n- **CSS** – Styling and animations\n- **React Hooks** – For managing state and logic\n\n## ⚙️ Installation \u0026 Setup\n1. **Clone the Repository**\n   ```bash\n   git clone https://github.com/Darshanas17/react-match-game.git\n   cd react-match-game\n   ```\n2. **Install Dependencies**\n   ```bash\n   npm install\n   ```\n3. **Run the Application**\n   ```bash\n   npm start\n   ```\n4. Open the browser and visit `http://localhost:3000/` to play the game.\n\n## 🧩 Components Structure\n- **MatchGame** – The main game component that handles game logic and rendering the game grid.\n- **ScoreCard** – Displays the player's score and game stats.\n\n## 🎨 Design \u0026 Assets\n- **Font:** **Roboto**\n- **Colors:**\n  - `#ff7f50` (Accent)\n  - `#ffffff` (Background)\n  - `#333333` (Text)\n- Images used in the game can be accessed from various sources.\n\n## 👨‍💻 Author\n**Darshan A S**  \n- [LinkedIn](https://www.linkedin.com/in/darshan-a-s/)  \n- [Portfolio](https://darshanas17.github.io/darshan-as-17-portfolio/)\n\n## 📜 License\nThis project is licensed under the **MIT License**.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdarshanas17%2Freact-match-game","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdarshanas17%2Freact-match-game","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdarshanas17%2Freact-match-game/lists"}