{"id":26552674,"url":"https://github.com/mirokrastanov/tictactoe","last_synced_at":"2026-04-19T13:31:24.037Z","repository":{"id":241808821,"uuid":"626840572","full_name":"mirokrastanov/TicTacToe","owner":"mirokrastanov","description":"✖️⭕Web-based JavaScript implementation of the popular game Tic Tac Toe.","archived":false,"fork":false,"pushed_at":"2024-05-29T15:58:50.000Z","size":659,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-22T08:46:23.876Z","etag":null,"topics":["css","game","html","javascript","tic-tac-toe","web"],"latest_commit_sha":null,"homepage":"https://app-library-13e36.web.app/apps/tic-tac-toe","language":"CSS","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/mirokrastanov.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":"2023-04-12T09:07:52.000Z","updated_at":"2024-05-29T15:58:53.000Z","dependencies_parsed_at":"2024-05-30T05:55:39.337Z","dependency_job_id":"61909683-0aae-4dc1-a08a-f5ef257a7bac","html_url":"https://github.com/mirokrastanov/TicTacToe","commit_stats":null,"previous_names":["mirokrastanov/tictactoe"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mirokrastanov/TicTacToe","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mirokrastanov%2FTicTacToe","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mirokrastanov%2FTicTacToe/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mirokrastanov%2FTicTacToe/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mirokrastanov%2FTicTacToe/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mirokrastanov","download_url":"https://codeload.github.com/mirokrastanov/TicTacToe/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mirokrastanov%2FTicTacToe/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32009044,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-18T20:23:30.271Z","status":"online","status_checked_at":"2026-04-19T02:00:07.110Z","response_time":55,"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":["css","game","html","javascript","tic-tac-toe","web"],"created_at":"2025-03-22T08:39:02.490Z","updated_at":"2026-04-19T13:31:24.018Z","avatar_url":"https://github.com/mirokrastanov.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# TicTacToe\nWeb-based JavaScript implementation of the popular game Tic Tac Toe.\n\u003cp align=\"center\"\u003e\u003ca href=\"https://app-library-13e36.web.app/apps/tic-tac-toe\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/mirokrastanov/Software-Engineering-SoftUni/main/miscellaneous/tictactoe-1.png\" alt=\"game-image\" height=\"400px\"\u003e\u003c/a\u003e\u003c/p\u003e\n\n## Live Demo\n[\u003cimg src=\"https://freepngimg.com/download/play_now_button/25403-5-play-now-button-transparent.png\" alt=\"run-button\" height=\"40px\" /\u003e](https://app-library-13e36.web.app/apps/tic-tac-toe)\n### The Demo is now part of my app library \n- Check out the [App Library](https://app-library-13e36.web.app/)\n\n## Description\n- The game [Tic Tac Toe](https://en.wikipedia.org/wiki/Tic-tac-toe) involves 2 players trying to connect 3 adjacent symbols on a 3 by 3 board.\n- The first player's symbol is a **Blue Circle**.\n- The second player's symbol is a **Red X**.\n- The player who connects 3 adjacent symbols first wins!\n\u003cbr /\u003e\n\n## How to play\n1. Player 1 picks a square and clicks on it with `LMB` in order to mark the square with their symbol.\n2. Player 2 is next and they do the same.\n3. Once there is a symbol on a square it cannot be removed nor replaced by clicking on the same square again.\n4. When a player connects 3 adjacent squares with their symbol they win and the game will not take other inputs. The New Game button is shown.\n5. If the boards fils up and there is no winner - the game announces a draw. The New Game button is shown.\n\u003cbr /\u003e\n\n## Win Layouts\nLet's take player 2 for this example. Here is a list of all possible winning combination for them.\n\n| Layout | Layout | Layout | Layout | Layout | Layout | Layout | Layout |\n|-------------|-------------|-------------|-------------|-------------|-------------|-------------|-------------|\n| `x` `x` `x` | ` ` ` ` ` ` | ` ` ` ` ` ` | `x` ` ` ` ` | ` ` `x` ` ` | ` ` ` ` `x` | `x` ` ` ` ` | ` ` ` ` `x` |\n| ` ` ` ` ` ` | `x` `x` `x` | ` ` ` ` ` ` | `x` ` ` ` ` | ` ` `x` ` ` | ` ` ` ` `x` | ` ` `x` ` ` | ` ` `x` ` ` |\n| ` ` ` ` ` ` | ` ` ` ` ` ` | `x` `x` `x` | `x` ` ` ` ` | ` ` `x` ` ` | ` ` ` ` `x` | ` ` ` ` `x` | `x` ` ` ` ` |\n\u003cbr /\u003e\n\n## Game Screenshots\n\u003cp align=\"center\"\u003eInitial board.\u003c/p\u003e\n\u003cp align=\"center\"\u003e\u003cimg src=\"https://github.com/mirokrastanov/TicTacToe/blob/main/images/tictactoe-0.png?raw=true\" alt=\"board-image\" title=\"Game board image\" /\u003e\u003c/p\u003e\n\n\u003cp align=\"center\"\u003eThe game highlights a playable square on mouseover.\u003c/p\u003e\n\u003cp align=\"center\"\u003e\u003cimg src=\"https://github.com/mirokrastanov/TicTacToe/blob/main/images/tictactoe-0.1.png?raw=true\" alt=\"board-image\" title=\"Game board image\" /\u003e\u003c/p\u003e\n\n\u003cp align=\"center\"\u003eMid-game screenshot.\u003c/p\u003e\n\u003cp align=\"center\"\u003e\u003cimg src=\"https://github.com/mirokrastanov/TicTacToe/blob/main/images/tictactoe-1.png?raw=true\" alt=\"board-image\" title=\"Game board image\" /\u003e\u003c/p\u003e\n\n\u003cp align=\"center\"\u003eThis screenshot highlights a player winning the game.\u003c/p\u003e\n\u003cp align=\"center\"\u003e\u003cimg src=\"https://github.com/mirokrastanov/TicTacToe/blob/main/images/tictactoe-2.png?raw=true\" alt=\"board-image\" title=\"Game board image\" /\u003e\u003c/p\u003e\n\n\u003cp align=\"center\"\u003eAnd lastly a showdown of a draw.\u003c/p\u003e\n\u003cp align=\"center\"\u003e\u003cimg src=\"https://github.com/mirokrastanov/TicTacToe/blob/main/images/tictactoe-3.png?raw=true\" alt=\"board-image\" title=\"Game board image\" /\u003e\u003c/p\u003e\n\n  \n## Live Demo\n[\u003cimg src=\"https://freepngimg.com/download/play_now_button/25403-5-play-now-button-transparent.png\" alt=\"run-button\" height=\"40px\" /\u003e](https://app-library-13e36.web.app/apps/tic-tac-toe)\n- [Original Source Code](https://github.com/mirokrastanov/TicTacToe)\n- [React Implementation Code for the App Library](https://github.com/mirokrastanov/app-library/tree/main/client/src/apps/ticTacToe)\n  \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmirokrastanov%2Ftictactoe","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmirokrastanov%2Ftictactoe","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmirokrastanov%2Ftictactoe/lists"}