{"id":20879921,"url":"https://github.com/mirayatech/tic-tac-emoji","last_synced_at":"2025-04-11T00:42:18.195Z","repository":{"id":184778852,"uuid":"671425270","full_name":"mirayatech/tic-tac-emoji","owner":"mirayatech","description":"🎮 Tic Tac Emoji - offering singleplayer \u0026 multiplayer.","archived":false,"fork":false,"pushed_at":"2024-01-08T15:41:39.000Z","size":663,"stargazers_count":20,"open_issues_count":1,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-11T00:42:11.754Z","etag":null,"topics":["bot","coding","emoji","framer-motion","game","gamemode","games","multiplayer","react","singleplayer","styled-components","tic-tac-toe","typescript","ui","zustand"],"latest_commit_sha":null,"homepage":"https://tic-tac-emoji.vercel.app","language":"TypeScript","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/mirayatech.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}},"created_at":"2023-07-27T09:35:20.000Z","updated_at":"2025-02-20T22:14:22.000Z","dependencies_parsed_at":"2023-10-10T22:15:34.806Z","dependency_job_id":null,"html_url":"https://github.com/mirayatech/tic-tac-emoji","commit_stats":null,"previous_names":["mirayatech/xo-rumble"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mirayatech%2Ftic-tac-emoji","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mirayatech%2Ftic-tac-emoji/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mirayatech%2Ftic-tac-emoji/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mirayatech%2Ftic-tac-emoji/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mirayatech","download_url":"https://codeload.github.com/mirayatech/tic-tac-emoji/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248322601,"owners_count":21084336,"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":["bot","coding","emoji","framer-motion","game","gamemode","games","multiplayer","react","singleplayer","styled-components","tic-tac-toe","typescript","ui","zustand"],"created_at":"2024-11-18T07:18:19.622Z","updated_at":"2025-04-11T00:42:18.176Z","avatar_url":"https://github.com/mirayatech.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## 😛 XO Rumble\n\nA tic-tac-toe game based on emojis that offers both multiplayer and single-player modes. Every time a user plays in single or multiplayer mode, there are always new emojis. In single-player mode, there's a choice between hard and easy modes for the bot. I bet you can't beat the hard mode of the bot 😉\n\n## 1️⃣ Single Player \n\nIn this mode, you will play against a computer bot. \n\n- Click on the 'Single Player' button to play.\n- Choose a player - there are always new emojis appearing whenever you visit the select player page.\n- Then, choose the game mode you want to play with the bot - Hard or Easy.\n- The player who gets 3 in a row first wins.\n- Whether it's a win, loss, or a draw, a modal displaying the result appears once the game is over. You'll then see two buttons:\n  - **Replay'** button to play again.\n  - **Home** button to return to the main menu.\n- If you close the browser or leave the page and come back, you'll resume the game from where you left off.\n\n## 2️⃣ Multiplayer \n\nIn this mode, you can play with another person sitting next to you.\n\n- The first player is automatically selected, and the second player automatically gets their own emoji (random for every game round).\n- The player who gets 3 in a row first wins.\n- Whether it's a win, loss, or a draw, a modal displaying the result appears once the game is over. You'll then see two buttons:\n  - 'Replay' button to play again.\n  - 'Home' button to return to the main menu.\n- If you close the browser or leave the page and come back, you'll resume the game from where you left off.\n\n## ⚡ Technologies\n\n- `Vite`\n- `React.js`\n- `TypeScript`\n- `Zustand`\n- `Styled Components`\n- `Framer Motion`\n\n## 💡 Idea\n\nProject: [https://github.com/mirayatech/Tic-Tac-Toe](https://github.com/mirayatech/Tic-Tac-Toe)\n\nI've built a tic-tac-toe game before using HTML, CSS, and JavaScript, which was single-player only. I've always wanted to expand the project by adding multiplayer and making it more interactive. Emojis are something I've also always wanted since I've never seen a tic-tac-toe with emojis.\n\nThis is why I decided to create this project again, this time using React and TypeScript. I also had in mind that every time I've played a tic-tac-toe game online, I found most of them boring, that's why with the emojis.\n\n## 🤔 How Can It Be Improved?\n\nThe project could be improved by adding sound effects and background music. I think it would also be cool to highlight the three rows that the user got to win, to show at the end who won.\n\n## 🐛 Bug\n- The game doesn't work on Android\n\n## 🚦 Running the Project\n\nTo run the project in your local environment, follow these steps:\n\n1. Clone the repository to your local machine.\n2. Run `npm install` or `yarn` in the project directory to install the required dependencies.\n3. Run `npm run start` or `yarn start` to get the project started.\n4. Open [http://localhost:5173](http://localhost:5173) (or the address shown in your console) in your web browser to view the app.\n\n## 📸 - Demo Images\n\n\u003cimg src='https://github.com/mirayatech/tic-tac-emoji/assets/71933266/3ccda378-3338-4e13-ad89-0b7d72029a8f' width=\"100%\"/\u003e\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmirayatech%2Ftic-tac-emoji","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmirayatech%2Ftic-tac-emoji","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmirayatech%2Ftic-tac-emoji/lists"}