{"id":19534489,"url":"https://github.com/creatlydev/tic-tac-toe-react","last_synced_at":"2025-02-26T03:44:40.470Z","repository":{"id":256684925,"uuid":"855928858","full_name":"Creatlydev/tic-tac-toe-react","owner":"Creatlydev","description":"Juego de Tic-Tac-Toe utilizando react, con almecanamiento en local storage","archived":false,"fork":false,"pushed_at":"2024-10-02T23:29:37.000Z","size":572,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-08T17:40:35.589Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://tic-tac-toe-full-react.netlify.app/","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/Creatlydev.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,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-09-11T17:29:42.000Z","updated_at":"2024-10-02T23:29:40.000Z","dependencies_parsed_at":"2025-01-08T17:40:45.611Z","dependency_job_id":"056c140d-d6f7-42d0-9e80-82f11764b15a","html_url":"https://github.com/Creatlydev/tic-tac-toe-react","commit_stats":null,"previous_names":["creatlydev/tic-tac-toe-react"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Creatlydev%2Ftic-tac-toe-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Creatlydev%2Ftic-tac-toe-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Creatlydev%2Ftic-tac-toe-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Creatlydev%2Ftic-tac-toe-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Creatlydev","download_url":"https://codeload.github.com/Creatlydev/tic-tac-toe-react/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240788776,"owners_count":19857696,"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":[],"created_at":"2024-11-11T02:14:29.679Z","updated_at":"2025-02-26T03:44:40.444Z","avatar_url":"https://github.com/Creatlydev.png","language":"JavaScript","readme":"# 🕹️ Tic Tac Toe - React Game\n\nEste es un proyecto de **Tic Tac Toe** desarrollado con **React**, como parte de mi aprendizaje de esta librería. El objetivo del proyecto es crear una aplicación interactiva, amigable con el usuario, que permita jugar partidas de Tic Tac Toe, guardar el estado del juego y agregar algunas animaciones para hacer la experiencia más divertida. 🎉\n\n## 📜 Características\n\n- **Juego interactivo de Tic Tac Toe** con opción para reiniciar la partida.\n- **Guardar estado en LocalStorage**: Permite continuar la partida si cierras la ventana del navegador.\n- **Animación de confetti** cuando un jugador gana 🎉.\n- **Reproducción de sonido**: Efectos de sonido al realizar jugadas y al cambiar el estado del sonido. 🎵\n- **Indicador de turnos** que muestra si le toca jugar a la X o al O.\n- **Registro de victorias y empates** en tiempo real.\n- **Controles de historial**: Navega entre los movimientos de la partida con botones de retroceder y avanzar.\n\n## ⚛️ Tecnologías Utilizadas\n\n- **React**: La librería principal utilizada para crear los componentes del juego y manejar el estado.\n- **Hooks personalizados**: Utilizados para encapsular la lógica del juego, como la actualización del tablero, el turno del jugador y la verificación de ganadores.\n- **LocalStorage**: Para persistir el estado del juego entre sesiones.\n- **Canvas-Confetti**: Utilizado para mostrar una animación de confetti cuando hay un ganador.\n- **Sonidos precargados**: Usados para reproducir efectos al hacer clic y al ganar la partida.\n- **JavaScript Vanilla**: Para reproducir sonidos en cada movimiento de los jugadores.\n\n## 🛠️ Instalación y Uso\n\n1. Clona el repositorio:\n\n    ```bash\n    git clone https://github.com/creatlydev/tic-tac-toe-react.git\n    ```\n\n2. Accede al directorio del proyecto:\n\n    ```bash\n    cd tic-tac-toe-react\n    ```\n\n3. Instala las dependencias:\n\n    ```bash\n    npm install\n    ```\n\n4. Inicia la aplicación:\n\n    ```bash\n    npm run dev\n    ```\n\n---\n\n¡Gracias por echarle un vistazo! 😊 Si te gustó el proyecto, no dudes en dejar un ⭐.\n\n## 📝 Licencia\n\nEste proyecto está bajo la licencia MIT.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcreatlydev%2Ftic-tac-toe-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcreatlydev%2Ftic-tac-toe-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcreatlydev%2Ftic-tac-toe-react/lists"}