{"id":20879807,"url":"https://github.com/joserafael0160/tic-tac-toe","last_synced_at":"2026-04-26T19:31:20.513Z","repository":{"id":246861581,"uuid":"822339480","full_name":"joserafael0160/tic-tac-toe","owner":"joserafael0160","description":"A tic tac toe created in React ⭕❌","archived":false,"fork":false,"pushed_at":"2024-08-07T03:59:44.000Z","size":261,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-12-12T22:43:00.247Z","etag":null,"topics":["react","tic-tac-toe","tic-tac-toe-game","tictactoe","tictactoe-javascript","tictactoe-react","web"],"latest_commit_sha":null,"homepage":"https://joserafael0160.github.io/tic-tac-toe/","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/joserafael0160.png","metadata":{"files":{"readme":"README.es.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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-07-01T00:31:29.000Z","updated_at":"2024-08-07T03:53:26.000Z","dependencies_parsed_at":"2024-08-07T07:31:41.430Z","dependency_job_id":"7705675f-c914-4a64-925c-9a2710f856a0","html_url":"https://github.com/joserafael0160/tic-tac-toe","commit_stats":null,"previous_names":["joserafael0160/tic-tac-toe"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/joserafael0160/tic-tac-toe","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joserafael0160%2Ftic-tac-toe","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joserafael0160%2Ftic-tac-toe/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joserafael0160%2Ftic-tac-toe/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joserafael0160%2Ftic-tac-toe/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/joserafael0160","download_url":"https://codeload.github.com/joserafael0160/tic-tac-toe/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joserafael0160%2Ftic-tac-toe/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32310804,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-26T19:15:34.056Z","status":"ssl_error","status_checked_at":"2026-04-26T19:15:15.467Z","response_time":129,"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":["react","tic-tac-toe","tic-tac-toe-game","tictactoe","tictactoe-javascript","tictactoe-react","web"],"created_at":"2024-11-18T07:17:54.337Z","updated_at":"2026-04-26T19:31:20.483Z","avatar_url":"https://github.com/joserafael0160.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca id=\"top\"\u003e\u003c/a\u003e\n\n\u003ch1 align=\"center\"\u003e\u003cimg src=\"./public/favicons/favicon-96x96.png\" width=\"30\"\u003e Tic tac toe\u003c/h1\u003e  \n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/made%20with-love-E760A4.svg\" alt=\"Hecho con amor\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://opensource.org/licenses/MIT\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/license-MIT-green.svg\" alt=\"Licencia\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cdiv align=\"center\"\u003e\n    \u003ca href=\"#-acerca-del-proyecto\" target=\"_blank\"\u003e\n        Acerca Del Proyecto\n    \u003c/a\u003e\n    \u003cspan\u003e\u0026nbsp;✦\u0026nbsp;\u003c/span\u003e\n    \u003ca href=\"#-vista-previa\" target=\"_blank\"\u003e\n        Vista Previa\n    \u003c/a\u003e\n    \u003cspan\u003e\u0026nbsp;✦\u0026nbsp;\u003c/span\u003e\n    \u003ca href=\"#-características\" target=\"_blank\"\u003e\n        Características\n    \u003c/a\u003e\n    \u003cspan\u003e\u0026nbsp;✦\u0026nbsp;\u003c/span\u003e\n    \u003ca href=\"#-tecnologías\" target=\"_blank\"\u003e\n        Tecnologías\n    \u003c/a\u003e\n    \u003cspan\u003e\u0026nbsp;✦\u0026nbsp;\u003c/span\u003e\n    \u003ca href=\"#-cómo-empezar\" target=\"_blank\"\u003e\n        Cómo Empezar\n    \u003c/a\u003e\n    \u003cspan\u003e\u0026nbsp;✦\u0026nbsp;\u003c/span\u003e\n    \u003ca href=\"#-comandos\" target=\"_blank\"\u003e\n        Comandos\n    \u003c/a\u003e\n    \u003cspan\u003e\u0026nbsp;✦\u0026nbsp;\u003c/span\u003e\n    \u003ca href=\"#-contribuciones\" target=\"_blank\"\u003e\n        Contribuciones\n    \u003c/a\u003e\n    \u003cspan\u003e\u0026nbsp;✦\u0026nbsp;\u003c/span\u003e\n    \u003ca href=\"#-licencia\" target=\"_blank\"\u003e\n        Licencia\n    \u003c/a\u003e\n    \u003cspan\u003e\u0026nbsp;✦\u0026nbsp;\u003c/span\u003e\n    \u003ca href=\"#-Soporte\" target=\"_blank\"\u003e\n        Soporte\n    \u003c/a\u003e\n\u003c/div\u003e\n\u003cbr\u003e\n\n\u003eSi quieres leer este readme en **inglés**:\n\u003e- [**README en Inglés**](https://github.com/joserafael0160/tic-tac-toe/blob/main/README.md)\n\n## 📜 Acerca Del Proyecto\n¡Bienvenido a mi aplicación web de Tic Tac Toe! He creado este juego clásico para mostrar mis habilidades y capacidades de resolución de problemas.\n\nSi estás jugando contra un amigo, prepárate para planificar estrategias, hacer tus movimientos y reclamar la victoria en esta batalla atemporal. 🎮✨\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\" \u003eVolver al inicio 🔝\u003c/a\u003e)\u003c/p\u003e\n\n## 👀 Vista previa\n\u003ch4\u003eEn un iPhone SE (375x667)\u003c/h4\u003e\n\u003cimg src=\"./src/assets/images/webp/tic-tac-toe(iPhone_SE).jpg\" alt=\"Captura de pantalla del proyecto con una resolucion de 375x667\" width=\"200\"\u003e\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eVolver al inicio 🔝\u003c/a\u003e)\u003c/p\u003e\n\n## 💬 Características\n- **Soporte para favicon**: Se ha añadido soporte para una amplia variedad de tamaños de favicon, asegurando que el icono del sitio se muestre correctamente en todos los dispositivos y plataformas.\n- **Etiquetas Open Graph y Twitter**: Se han incluido etiquetas meta de Open Graph y Twitter, que optimizan la vista previa del sitio web en plataformas sociales como Facebook y Twitter.\n- **Compatibilidad entre navegadores**: La página web utiliza la etiqueta meta `X-UA-Compatible`, que ayuda a garantizar la compatibilidad con varios navegadores, especialmente las versiones antiguas de Internet Explorer.\n- **Algoritmo para ganar**: El algoritmo para determinar si un jugador ha ganado es esencial para la funcionalidad del juego. Al verificar las combinaciones ganadoras (a través de un algoritmo), aseguramos que el juego declare correctamente al ganador.\n- **Algoritmo para empates**: El algoritmo de empate evita que el juego continúe indefinidamente. Comprueba si todos los cuadrados están llenos y no hay un ganador, declarando un empate.\n- **Animación de confeti al ganar**: Agregar confeti al final del juego crea una experiencia visualmente agradable y emocionante. Añade un toque divertido y festivo al juego.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eVolver al inicio 🔝\u003c/a\u003e)\u003c/p\u003e\n\n\n## 🧰 Tecnologías utilizadas\n- [**React**](https://reactjs.org/) - Una biblioteca de JavaScript para construir interfaces de usuario interactivas.\n- [**Vite**](https://vitejs.dev/) - Un entorno de desarrollo rápido y ligero para aplicaciones web modernas.\n- [**ESLint**](https://eslint.org/) - Una herramienta de código abierto que te ayuda a encontrar y corregir problemas en tu código JavaScript.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eVolver al inicio 🔝\u003c/a\u003e)\u003c/p\u003e\n\n\n## 🚀 Cómo Empezar\n1. **Haz un Fork** o clona este repositorio\n\n```bash\ngit clone git@github.com:joserafael0160/tic-tac-toe.git\n```\n\n2. Instala las dependencias:\n\n- Usé [**bun**](https://bun.sh) para instalar y gestionar las dependencias.\n  \n```bash\n## Instala bun para MacOS, WSL \u0026 Linux:\ncurl -fsSL https://bun.sh/install | bash\n\n# Instala bun para Windows:\npowershell -c \"iwr bun.sh/install.ps1|iex\"\n\n# Instala con bun:\nbun install\n```\n\n- o puedes usar [**pnpm**](https://pnpm.io):\n\n```bash\n# Instala pnpm globalmente si no lo tienes:\nnpm install -g pnpm\n\n# Instala las dependencias:\npnpm install\n```\n\n3. Ejecuta el servidor de desarrollo:\n\n```bash\n# Ejecuta con bun:\nbun run dev\n\n# Ejecuta con pnpm:\npnpm run dev\n```\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eVolver al inicio 🔝\u003c/a\u003e)\u003c/p\u003e\n\n## 🧞 Comandos\n|      | Comando   | Acción                                         |\n| :--- | :-------- | :-------------------------------------------- |\n| ⚙️    | `dev`     | Inicia el servidor de desarrollo local.           |\n| ⚙️    | `build`   | Genera la versión de producción en `./dist/`.    |\n| ⚙️    | `lint`    | Ejecuta ESLint para encontrar problemas en tu código JavaScript. |\n| ⚙️    | `preview` | Muestra una vista previa de la versión local.                      |\n| ⚙️    | `predeploy` | Genera la versión de producción antes de implementarla. |\n| ⚙️    | `deploy`  | Implementa el sitio en GitHub Pages desde la carpeta `dist`. |\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eVolver al inicio 🔝\u003c/a\u003e)\u003c/p\u003e\n\n## 🤝 Contribuciones\n\n¡Las contribuciones son siempre bienvenidas! Ya sea que estés informando errores, solicitando nuevas funciones o mejorando las funcionalidades existentes, tu ayuda es **muy apreciada**.\n\nSi tienes alguna sugerencia que podría mejorar el proyecto, por favor haz un [_fork_](https://github.com/joserafael0160/tic-tac-toe/fork) del repositorio y crea una [_pull request_](https://github.com/joserafael0160/tic-tac-toe/pulls). También puedes simplemente abrir un [_issue_](https://github.com/joserafael0160/tic-tac-toe/issues) con la etiqueta \"enhancement\".\n\nAquí tienes una guía rápida:\n\n1. Haz un [_fork_](https://github.com/joserafael0160/tic-tac-toe/fork) del Proyecto\n2. Clona tu [_fork_](https://github.com/joserafael0160/tic-tac-toe/fork) (`git clone \u003cURL del fork\u003e`)\n3. Añade el repositorio original como remoto (`git remote add upstream \u003cURL del repositorio original\u003e`)\n4. Crea tu Rama de Funcionalidad (`git switch -c feature/NuevaFuncionalidad`)\n5. Realiza tus Cambios (`git commit -m 'Add: alguna NuevaFuncionalidad'`)\n6. Haz Push a la Rama (`git push origin feature/NuevaFuncionalidad`)\n7. Abre una [_pull request_](https://github.com/joserafael0160/tic-tac-toe/pulls)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eVolver al inicio 🔝\u003c/a\u003e)\u003c/p\u003e\n\n## 🔑 Licencia\n[MIT](https://github.com/joserafael0160/tic-tac-toe/blob/main/LICENSE)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eVolver al inicio 🔝\u003c/a\u003e)\u003c/p\u003e\n\n## 🙏 Soporte\nNo olvides dejar una estrella ⭐️\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eVolver al inicio 🔝\u003c/a\u003e)\u003c/p\u003e\n\n\u003cbr\u003e\n\u003chr\u003e\n\u003cp align=\"center\"\u003e✌️\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n\u003csub\u003e\u003csup\u003eUn proyecto creado por \u003ca href=\"https://github.com/joserafael0160\"\u003e@joserafael0160\u003c/a\u003e\u003c/sup\u003e\u003c/sub\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoserafael0160%2Ftic-tac-toe","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjoserafael0160%2Ftic-tac-toe","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoserafael0160%2Ftic-tac-toe/lists"}