{"id":19714353,"url":"https://github.com/jaleelb/color-matrix","last_synced_at":"2026-06-17T10:31:42.314Z","repository":{"id":239497165,"uuid":"795791311","full_name":"JaleelB/color-matrix","owner":"JaleelB","description":null,"archived":false,"fork":false,"pushed_at":"2024-05-12T22:18:22.000Z","size":711,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-27T21:41:15.252Z","etag":null,"topics":["color-matching","color-matrix","colors","next-pwa","pwa","pwa-apps","shadcn-ui","stroop-effect"],"latest_commit_sha":null,"homepage":"https://colormatrix.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/JaleelB.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-05-04T04:24:41.000Z","updated_at":"2024-05-14T17:53:57.000Z","dependencies_parsed_at":null,"dependency_job_id":"8032183e-6a14-4618-8764-5bf03067ee80","html_url":"https://github.com/JaleelB/color-matrix","commit_stats":null,"previous_names":["jaleelb/color-matrix"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/JaleelB/color-matrix","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JaleelB%2Fcolor-matrix","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JaleelB%2Fcolor-matrix/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JaleelB%2Fcolor-matrix/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JaleelB%2Fcolor-matrix/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JaleelB","download_url":"https://codeload.github.com/JaleelB/color-matrix/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JaleelB%2Fcolor-matrix/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34445179,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-17T02:00:05.408Z","response_time":127,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["color-matching","color-matrix","colors","next-pwa","pwa","pwa-apps","shadcn-ui","stroop-effect"],"created_at":"2024-11-11T22:31:05.295Z","updated_at":"2026-06-17T10:31:42.300Z","avatar_url":"https://github.com/JaleelB.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Color Matrix Game\n\n[![Color Matrix](./public/gameplay.gif)](https://colormatrix.vercel.app/)\n\n**Color Matrix** is a progressive web application (PWA) built with Next.js, designed to challenge and enhance cognitive abilities through the Stroop effect. This interactive game tests players' reaction times by asking them to identify the color of words, which may not match the meaning of the words themselves. It offers a fun and engaging way to experience a well-known psychological phenomenon while improving attention, cognitive flexibility, and processing speed.\n\n## Features\n\n- **Stroop Effect Gameplay**: Experience the cognitive challenge where the name of a color (e.g., \"Blue\") is printed in a color not denoted by the name (e.g., the word \"Blue\" printed in red).\n- **Progressive Difficulty Levels**: From easy to insane, each level increases in difficulty by reducing the time allowed to respond and increasing the number of color options.\n- **High Scores Tracking**: Keep track of your high scores for each difficulty level, encouraging you to improve.\n- **Offline Capable**: Play without an internet connection once the app is installed on your device.\n\n## Background on the Stroop Effect\n\nThe Stroop effect demonstrates the brain's reaction time when the color of a word's font and the word itself do not match. This interference in reaction times during a task is used within the game to create challenging levels that help train and measure cognitive agility and flexibility.\n\n## Getting Started\n\n### Installation\n\n1. **Clone the repository:**\n\n   ```bash\n   git clone https://github.com/your-username/color-matrix.git\n   cd color-matrix\n   ```\n\n2. **Install the dependencies:**\n\n   ```bash\n   pnpm install\n   ```\n\n3. **Run the development server:**\n   ```bash\n   pnpm run dev\n   ```\n   Open [http://localhost:3000](http://localhost:3000) to view it in the browser. The app will automatically reload if you make edits.\n\n### Contributing\n\n- Fork the repository\n- Create a branch\n  ```bash\n  git checkout -b fix/amazingFix\n  ```\n- Commit your changes and push to your branch\n  ```bash\n  git commit -m \"made an amazingFix\"\n  git push origin fix/amazingFix\n  ```\n- Open a pull request\n\n## License\n\nDistributed under the MIT License. See `LICENSE` for more information.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjaleelb%2Fcolor-matrix","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjaleelb%2Fcolor-matrix","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjaleelb%2Fcolor-matrix/lists"}