{"id":40613375,"url":"https://github.com/midudev/zombie-game-gemini-flash","last_synced_at":"2026-01-21T05:52:46.678Z","repository":{"id":313159631,"uuid":"1049933784","full_name":"midudev/zombie-game-gemini-flash","owner":"midudev","description":"Un proyecto para probar Nano Banana","archived":false,"fork":false,"pushed_at":"2025-09-18T11:10:59.000Z","size":103,"stargazers_count":97,"open_issues_count":1,"forks_count":25,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-11T10:39:19.144Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/midudev.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-09-03T17:52:47.000Z","updated_at":"2025-10-03T16:38:18.000Z","dependencies_parsed_at":"2025-09-04T09:50:55.027Z","dependency_job_id":null,"html_url":"https://github.com/midudev/zombie-game-gemini-flash","commit_stats":null,"previous_names":["midudev/zombie-game-gemini-flash"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/midudev/zombie-game-gemini-flash","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/midudev%2Fzombie-game-gemini-flash","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/midudev%2Fzombie-game-gemini-flash/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/midudev%2Fzombie-game-gemini-flash/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/midudev%2Fzombie-game-gemini-flash/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/midudev","download_url":"https://codeload.github.com/midudev/zombie-game-gemini-flash/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/midudev%2Fzombie-game-gemini-flash/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28628690,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-21T04:47:28.174Z","status":"ssl_error","status_checked_at":"2026-01-21T04:47:22.943Z","response_time":86,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5: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":[],"created_at":"2026-01-21T05:52:46.599Z","updated_at":"2026-01-21T05:52:46.668Z","avatar_url":"https://github.com/midudev.png","language":"TypeScript","funding_links":["https://ko-fi.com/midudev","https://github.com/sponsors/midudev"],"categories":[],"sub_categories":[],"readme":"# 🧟 Zombie Game - Aventura de Supervivencia con IA\n\n\u003e **Un proyecto de [midudev](https://midu.dev)** - Creador de contenido especializado en programación y desarrollo web\n\n[![Next.js](https://img.shields.io/badge/Next.js-15.5.2-black?style=for-the-badge\u0026logo=next.js\u0026logoColor=white)](https://nextjs.org/)\n[![React](https://img.shields.io/badge/React-19.1.0-61DAFB?style=for-the-badge\u0026logo=react\u0026logoColor=black)](https://reactjs.org/)\n[![TypeScript](https://img.shields.io/badge/TypeScript-5-3178C6?style=for-the-badge\u0026logo=typescript\u0026logoColor=white)](https://www.typescriptlang.org/)\n[![TailwindCSS](https://img.shields.io/badge/Tailwind_CSS-4-38B2AC?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white)](https://tailwindcss.com/)\n[![Google AI](https://img.shields.io/badge/Google_AI-Gemini-4285F4?style=for-the-badge\u0026logo=google\u0026logoColor=white)](https://ai.google.dev/)\n\n### 🌐 Sígueme en mis redes sociales\n[![YouTube](https://img.shields.io/badge/YouTube-FF0000?style=for-the-badge\u0026logo=youtube\u0026logoColor=white)](https://youtube.com/midudev)\n[![Twitch](https://img.shields.io/badge/Twitch-9146FF?style=for-the-badge\u0026logo=twitch\u0026logoColor=white)](https://twitch.tv/midudev)\n[![Twitter](https://img.shields.io/badge/Twitter-1DA1F2?style=for-the-badge\u0026logo=twitter\u0026logoColor=white)](https://twitter.com/midudev)\n[![Instagram](https://img.shields.io/badge/Instagram-E4405F?style=for-the-badge\u0026logo=instagram\u0026logoColor=white)](https://instagram.com/midu.dev)\n\n---\n\nUn juego de aventura conversacional de supervivencia zombie con narrativa generada por IA y gráficos en estilo pixel art. Cada decisión que tomes influirá en tu historia de supervivencia en un mundo post-apocalíptico.\n\n**Este proyecto forma parte del contenido educativo de midudev**, donde exploramos las últimas tecnologías web y las posibilidades de la Inteligencia Artificial en el desarrollo de aplicaciones interactivas.\n\n## 🎮 Características\n\n- **Narrativa Generada por IA**: Cada historia es única gracias a Google Gemini\n- **Imágenes Dinámicas**: Visuales en estilo pixel art generadas automáticamente\n- **Aventura Conversacional**: Interactúa usando lenguaje natural\n- **Supervivencia Zombie**: Toma decisiones críticas para sobrevivir\n- **Interfaz Moderna**: UI responsive y elegante con TailwindCSS\n- **AI-Native Components**: Construido con [AI Elements](https://ai-sdk.dev/elements/overview), la librería de componentes especializada en aplicaciones de IA\n\n## 🚀 Demo\n\n¡Experimenta el apocalipsis zombie como nunca antes! Cada partida es una aventura completamente diferente.\n\n## 🛠️ Tecnologías\n\n- **Framework**: [Next.js 15](https://nextjs.org/) con Turbopack\n- **Frontend**: [React 19](https://reactjs.org/) con TypeScript\n- **Estilos**: [TailwindCSS 4](https://tailwindcss.com/)\n- **IA**: [Google Gemini](https://ai.google.dev/) para narrativa e imágenes\n- **UI Components**: [AI Elements](https://ai-sdk.dev/elements/overview) de Vercel\n- **Linting**: [Biome](https://biomejs.dev/)\n\n## 📦 Instalación\n\n1. **Clona el repositorio**\n   \n```bash\ngit clone https://github.com/midudev/zombie-game.git\ncd zombie-game\n```\n\n2. **Instala las dependencias**\n   \n```bash\npnpm install\n```\n\n3. **Configura las variables de entorno**\n   \n```bash\ncp .env.example .env.local\n```\n   \nAñade tu clave de API de Google AI:\n   \n```env\nGOOGLE_GENERATIVE_AI_API_KEY=tu_clave_aqui\n```\n\n4. **Inicia el servidor de desarrollo**\n\n```bash\npnpm dev\n```\n\n5. **Abre tu navegador**\n\nVisita [http://localhost:3000](http://localhost:3000) y comienza tu aventura de supervivencia.\n\n## 🎯 Cómo Jugar\n\n1. **Inicio**: El juego comenzará automáticamente con una escena inicial del apocalipsis zombie\n2. **Interactúa**: Describe qué quieres hacer, adónde ir, qué examinar o cómo reaccionar\n3. **Sobrevive**: Cada decisión afectará tu historia y tus posibilidades de supervivencia\n4. **Explora**: El mundo se genera dinámicamente basado en tus acciones\n\n### Ejemplos de Acciones\n\n- \"Busco un arma en la habitación\"\n- \"Me dirijo hacia la salida de emergencia\"\n- \"Examino los sonidos que vienen del pasillo\"\n- \"Intento comunicarme con otros supervivientes\"\n\n## 🏗️ Estructura del Proyecto\n\n```\nsrc/\n├── app/\n│   ├── api/\n│   │   ├── generate-image/     # Generación de imágenes con IA\n│   │   └── generate-story/     # Generación de narrativa con IA\n│   ├── componentes/\n│   │   ├── game-input.tsx      # Input del jugador\n│   │   ├── game-loader.tsx     # Indicador de carga\n│   │   └── game-message.tsx    # Mensajes del juego\n│   ├── hooks/\n│   │   └── use-zombie-game.ts  # Lógica principal del juego\n│   └── page.tsx                # Página principal\n├── components/\n│   └── ui/                     # Componentes UI reutilizables\n└── lib/\n    ├── consts.ts              # Constantes del juego\n    ├── prompts.ts             # Prompts para la IA\n    ├── types.ts               # Tipos TypeScript\n    └── utils.ts               # Utilidades\n```\n\n## 🔧 Scripts Disponibles\n\n- `pnpm dev` - Inicia el servidor de desarrollo con Turbopack\n- `pnpm build` - Construye la aplicación para producción\n- `pnpm start` - Inicia el servidor de producción\n- `pnpm lint` - Ejecuta el linter con Biome\n- `pnpm format` - Formatea el código con Biome\n\n## 🌟 Características Técnicas\n\n- **Server Components**: Aprovecha las últimas características de React 19\n- **Streaming**: Respuestas de IA en tiempo real\n- **Optimización**: Turbopack para builds ultrarrápidos\n- **AI-First Design**: Componentes nativos para IA con AI Elements de Vercel\n- **Responsive**: Diseño adaptable a todos los dispositivos\n- **Type Safety**: TypeScript estricto para mayor confiabilidad\n\n## 🤝 Contribuir\n\n¡Las contribuciones son bienvenidas! Si tienes ideas para mejorar el juego:\n\n1. Fork el proyecto\n2. Crea una rama para tu característica (`git checkout -b feature/AmazingFeature`)\n3. Commit tus cambios (`git commit -m 'Add some AmazingFeature'`)\n4. Push a la rama (`git push origin feature/AmazingFeature`)\n5. Abre un Pull Request\n\n## 📄 Licencia\n\nEste proyecto está bajo la Licencia MIT. Ver el archivo `LICENSE` para más detalles.\n\n## 👨‍💻 Autor\n\n**Miguel Ángel Durán** - [@midudev](https://github.com/midudev)\n\nCreador de contenido especializado en programación y desarrollo web con una comunidad de más de 1 millón de desarrolladores en YouTube y otras plataformas.\n\n### 🌐 Más redes sociales\n\n[![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white)](https://linkedin.com/in/midudev)\n[![TikTok](https://img.shields.io/badge/TikTok-000000?style=for-the-badge\u0026logo=tiktok\u0026logoColor=white)](https://tiktok.com/@midudev)\n\n### 💖 Apoyo\n\nSi te gusta este proyecto, puedes apoyar mi trabajo:\n\n[![Ko-Fi](https://img.shields.io/badge/Ko--fi-F16061?style=for-the-badge\u0026logo=ko-fi\u0026logoColor=white)](https://ko-fi.com/midudev)\n[![GitHub Sponsors](https://img.shields.io/badge/sponsor-30363D?style=for-the-badge\u0026logo=GitHub-Sponsors\u0026logoColor=#EA4AAA)](https://github.com/sponsors/midudev)\n\n---\n\n\u003cdiv align=\"center\"\u003e\n\n**¿Sobrevivirás al apocalipsis zombie? 🧟‍♂️**\n\n*Desarrollado con ❤️ por [midudev](https://midu.dev)*\n\n\u003c/div\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmidudev%2Fzombie-game-gemini-flash","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmidudev%2Fzombie-game-gemini-flash","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmidudev%2Fzombie-game-gemini-flash/lists"}