{"id":15531044,"url":"https://github.com/cyrus-kiprop/javascript-tic-tac-toe","last_synced_at":"2026-01-18T23:34:30.758Z","repository":{"id":42791079,"uuid":"273217271","full_name":"Cyrus-Kiprop/Javascript-Tic-Tac-Toe","owner":"Cyrus-Kiprop","description":"A web based version of Tic-Tac-Toe game. the app was built   using vanilla javascript and es6 features.","archived":false,"fork":false,"pushed_at":"2023-01-06T13:17:05.000Z","size":2428,"stargazers_count":1,"open_issues_count":19,"forks_count":1,"subscribers_count":1,"default_branch":"develop","last_synced_at":"2025-04-06T20:32:34.580Z","etag":null,"topics":["es6-javascript","factory-functions","game","javascript","modules","oop"],"latest_commit_sha":null,"homepage":"","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/Cyrus-Kiprop.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}},"created_at":"2020-06-18T11:12:46.000Z","updated_at":"2020-12-13T15:57:26.000Z","dependencies_parsed_at":"2023-02-06T04:02:05.223Z","dependency_job_id":null,"html_url":"https://github.com/Cyrus-Kiprop/Javascript-Tic-Tac-Toe","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Cyrus-Kiprop/Javascript-Tic-Tac-Toe","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Cyrus-Kiprop%2FJavascript-Tic-Tac-Toe","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Cyrus-Kiprop%2FJavascript-Tic-Tac-Toe/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Cyrus-Kiprop%2FJavascript-Tic-Tac-Toe/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Cyrus-Kiprop%2FJavascript-Tic-Tac-Toe/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Cyrus-Kiprop","download_url":"https://codeload.github.com/Cyrus-Kiprop/Javascript-Tic-Tac-Toe/tar.gz/refs/heads/develop","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Cyrus-Kiprop%2FJavascript-Tic-Tac-Toe/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28553542,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-18T23:10:22.888Z","status":"ssl_error","status_checked_at":"2026-01-18T23:07:19.656Z","response_time":98,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: 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":["es6-javascript","factory-functions","game","javascript","modules","oop"],"created_at":"2024-10-02T11:24:45.042Z","updated_at":"2026-01-18T23:34:30.742Z","avatar_url":"https://github.com/Cyrus-Kiprop.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Tic-Tac-Toe ON JS\n\n[![Contributors][contributors-shield]][contributors-url]\n[![Forks][forks-shield]][forks-url]\n[![Stargazers][stars-shield]][stars-url]\n[![Issues][issues-shield]][issues-url]\n\nIn this project,we are building a Tic Tac Toe game made on Javascript.The tic-tac-toe game is created to play on the command line where two human players can play against each other and the board is displayed in between turns\n\n### Landing Page\n\n![screenshot1](assets/images/landing.PNG)\n\n### Game Board\n\n![screenshot2](assets/images/board.PNG)\n\n### Winning\n\n![screenshot2](assets/images/winner.PNG)\n\n### Draw\n\n![screenshot2](assets/images/draw.PNG)\n\n## Live Demo\n\n- [Production](https://rawcdn.githack.com/Cyrus-Kiprop/Javascript-Tic-Tac-Toe/f3ed416b343afbbd657355b035dff5a80fe92a04/index.html)\n\n- [Deployment](https://raw.githack.com/Cyrus-Kiprop/Javascript-Tic-Tac-Toe/master/index.html)\n\n## Built With\n\n```sh\nFront-End(client)\n```\n\n- HTML + CSS\n- JavaScript\n- Bootstrap\n\n```sh\nTesting Frameworks\n```\n\n- Jest\n\n## Getting Started\n\nTo get a local copy up and running follow these simple example steps.\n\n### Prerequisites\n\n- Node\n\n- Basic knowledge of npm/yarn\n\n### Installation\n\n1. Clone the repo\n\n```sh\ngit clone https://github.com/Cyrus-Kiprop/Javascript-Tic-Tac-Toe.git\n```\n\n2. CD into the project root directory\n\n```sh\ncd ./Javascript-Tic-Tac-Toe.git\n```\n\n3. Install Dependencies and packages\n\n```sh\nnpm install\n```\n\n4. Build the files\n\n```sh\nnpm run build\n```\n\n\u003c!-- USAGE EXAMPLES --\u003e\n\n## Usage\n\nOpen the index.html file using live servers.\n\n```sh\nright click on index.html file and open it with the browser or with live server.\n```\n\n### Navigate to your browser and open port 8080 (use your live server port):\n\n```JS\nhttp//localhost:8080\n```\n\n### Enjoy the game\n\n# Rules\n\n1. The game is played on a grid that's 3 squares by 3 squares.\n\n2. You are X, your friend (or the computer in this case) is O. Players take turns putting their marks in empty squares.\n\n3. The first player to get 3 of her marks in a row (up, down, across, or diagonally) is the winner.\n\n4. When all 9 squares are full, the game is over. If no player has 3 marks in a row, the game ends in a tie.\n\nTop-Left Top-Center Top-Right\nMiddle-Left Middle-Center Middle-Right\nBottom-Left Bottom-Center Bottom-Right\n\n# How to play\n\nWhen you start the game, it's going to ask the name of the player1 and player2, and immediately after, a match will start.\nYou can play as many matches as you want in a single game, and the game is going to show a Winners or a Draw depending on the game result.\n\n## Making a move\n\nWe have 9 cell on the board as represented below.\n\n    |1|2|3|\n    |4|5|6|\n    |7|8|9|\n\nThe Player1 will start the game with 'X' mark on any of the 9 cell, once the player makes his change, the user gets toggled to player2 and so on. You can't re-assign a cell once you make the move or once the mark is placed for either 'X'or'O'.\n\n## Ending the game\n\nThe match is over if the winnning critera is met, or else the match will be a draw. One east result user gets an option to either 'Reset' or 'Restart' the game.\n\nReset - The data of Players will be not saved and the user need to provide the entire data once more at the beggining.\nRestart- The player is taken back to thr board, and the players can replay the game.\n\n## Roadmap\n\nSee the [open issues](https://github.com/Cyrus-Kiprop/Javascript-Tic-Tac-Toe/issues) for a list of proposed features (and known issues).\n\n\u003c!-- CONTRIBUTING --\u003e\n\n## Contributing\n\nContributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are **greatly appreciated**.\n\n1. Fork the Project\n2. Create your Feature Branch (`git checkout -b feature/NewAwesomeFeature`)\n3. Commit your Changes (`git commit -m 'Add some NewAmazingFeature'`)\n4. Push to the Branch (`git push origin feature/NewAmazingFeature`)\n5. Open a Pull Request\n\n## Authors\n\n👤 **Cyrus Kiprop**\n\n- Github: [Cyrus-Kiprop](https://github.com/Cyrus-Kiprop)\n- Twitter: [@kipropJS](https://twitter.com/kipropJS)\n- Linkedin: [Cyrus Kiprop](https://www.linkedin.com/in/cyrus-kiprop-ba7320120/)\n\n👤 **Shubham Raj**\n\n- Github: [@ShubhamRaj](https://github.com/shubham14p3)\n- Linkedin: [Shubham14p3](https://www.linkedin.com/in/shubham14p3/)\n\n## Show your support\n\nGive a ⭐️ if you like this project!\n\n## Acknowledgments\n\n- Project requested by [Microverse Program](https://www.microverse.org/).\n\n## Future Enhancement\n\n- Adding Validation.\n- Adding AI Logic.\n- Making the UI, Mobile friendly.\n\n\u003c!-- MARKDOWN LINKS \u0026 IMAGES --\u003e\n\n[contributors-shield]: https://img.shields.io/github/contributors/Cyrus-Kiprop/Javascript-Tic-Tac-Toe.svg?style=flat-square\n[contributors-url]: https://github.com/Cyrus-Kiprop/Javascript-Tic-Tac-Toe/graphs/contributors\n[forks-shield]: https://img.shields.io/github/forks/Cyrus-Kiprop/Javascript-Tic-Tac-Toe.svg?style=flat-square\n[forks-url]: https://github.com/Cyrus-Kiprop/Javascript-Tic-Tac-Toe/network/members\n[stars-shield]: https://img.shields.io/github/stars/Cyrus-Kiprop/Javascript-Tic-Tac-Toe.svg?style=flat-square\n[stars-url]: https://github.com/Cyrus-Kiprop/Javascript-Tic-Tac-Toe/stargazers\n[issues-shield]: https://img.shields.io/github/issues/Cyrus-Kiprop/Javascript-Tic-Tac-Toe.svg?style=flat-square\n[issues-url]: https://github.com/Cyrus-Kiprop/Javascript-Tic-Tac-Toe/issues\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcyrus-kiprop%2Fjavascript-tic-tac-toe","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcyrus-kiprop%2Fjavascript-tic-tac-toe","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcyrus-kiprop%2Fjavascript-tic-tac-toe/lists"}