refactor: update project name and enhance code style

- Changed project name from "herramientasenespanol" to "codigo-codigo" in package.json.
- Improved code formatting in UseState.tsx for consistency.
- Refactored Counter.vue for better readability and consistent formatting.
- Updated content.config.ts to use single quotes and improved formatting.
- Changed import statement style in estilos.css to single quotes.
- Fixed formatting in svelte.config.js for consistency.
- Simplified tsconfig.json by consolidating include and exclude arrays.

Author: Ariel-GonzAguer

.github/ISSUE_TEMPLATE/bug_report.md

@@ -1,18 +1,17 @@
 ---
-name: 🐛 Reporte de Bug
-about: Crear un reporte para ayudarnos a mejorar
-title: '[BUG] [ASTRO | MAIN] '
+nombre: Reporte de Bug
+acerca: Crear un reporte para ayudarnos a mejorar
+titulo: '[BUG | TYPO] (FRAMEWORK): Descripción corta del bug o typo'
 labels: bug
-assignees: ''
 ---
 
-<!-- Agregue en el Título/Title para que rama es el BUG: ASTRO | MAIN. La rama MAIN es React -->
+<!-- Gracias por contribuir. Por favor complete la siguiente información para facilitar la revisión. -->
 
-## 🐛 Descripción del Bug
+## Descripción del Bug
 
-<!-- Una descripción clara y concisa de cuál es el bug/error. -->
+<!-- Una descripción clara y concisa de cuál es el bug/typo. -->
 
-## 🔄 Pasos para Reproducir
+## Pasos para Reproducir
 
 Pasos para reproducir el comportamiento:
 
@@ -21,35 +20,35 @@ Pasos para reproducir el comportamiento:
 3. Scroll hasta '....'
 4. Vea el error en '...' -->
 
-## ✅ Comportamiento Esperado
+## Comportamiento Esperado
 
 <!-- Una descripción clara y concisa de lo que esperaba que pasara. -->
 
-## ❌ Comportamiento Actual
+## Comportamiento Actual
 
 <!-- Una descripción clara y concisa de lo que realmente pasó. -->
 
-## 📸 Screenshots
+## Screenshots
 
 <!-- Si aplica, agregue screenshots para ayudar a explicar su problema. -->
 
-## 🌐 Información del Entorno
+## Información del Entorno
 
 <!-- - OS: [ej. Windows 11, macOS Sonoma, Ubuntu 22.04]
 - Navegador: [ej. Chrome 120, Firefox 121, Safari 17]
 - Versión de Node.js: [ej. 18.17.0]
 - Versión del proyecto: [ej. 0.0.1] (este dato lo puede ver en el package.json). -->
 
-## 📱 Información Adicional (si aplica)
+## Información Adicional (si aplica)
 
 <!-- - Dispositivo: [ej. iPhone 15, Samsung Galaxy S23]
 - Resolución de pantalla: [ej. 1920x1080] -->
 
-## 🔗 Contexto Adicional
+## Contexto Adicional
 
 <!-- Agregue cualquier otro contexto sobre el problema aquí. -->
 
-## ✏️ Logs de Error
+## Logs de Error
 
 <!-- Si hay mensajes de error en la consola, inclúyalos aquí: -->
 

.github/ISSUE_TEMPLATE/feature_request.md

@@ -1,67 +1,27 @@
 ---
-name: 💡 Solicitud de Feature
-about: Sugerir una idea para este proyecto
-title: '[FEATURE] [ASTRO | MAIN] '
+nombre: Solicitud de Feature
+acerca: Sugerir una idea para este proyecto
+titulo: '[Arreglar | Agregar | Documentación | Mejorar | Estilos | Refactor | Test | Otros] ( Área | Framework): Descripción corta'
 labels: enhancement
-assignees: ''
 ---
 
-<!-- Agregue en el Título/Title para que rama es el BUG: ASTRO | MAIN. La rama MAIN es React -->
+<!-- Gracias por contribuir. Por favor complete la siguiente información para facilitar la revisión. -->
 
-## 💡 Describa su solicitud de feature/funcionalidad detalladamente. ¿Cuál es la mejora que quisiera agregar?
-
-<!-- Ej:
-Agregar [...] para [...]. -->
-
-## 🎯 ¿Cómo mejoraría su feature/funcionalidad el uso de este proyecto?
-
-<!-- Ej:
-Agregando esta funcionalidad se lograría [...]. -->
-
-## 🔄 ¿Cómo agregaría este feature/funcionalidad ?
-
-<!-- Ej:
-Creando un componente que [...]. -->
-
-## 📱 ¿En qué plataforma sería útil?
-
-<!-- Si es Ambas, solo marque esa opción. Borre las opciones que no use -->
-
-- [] Escritorio
-- [] Móvil
-- [] Ambas
+## 💡 Describa su solicitud detalladamente.
+<!-- Describa lo que quiere hacer o que se haga -->
 
 ## 🏷️ ¿A qué categoría pertenece esta feature?
 
 <!-- Borre las opciones que no use -->
 
-- [] 🔐 Autenticación/Seguridad
-- [] 🍕 Gestión de ítems
-- [] 📊 Dashboard/Estadísticas
-- [] 🎨 UI/UX
-- [] 📱 Responsividad
-- [] 🔔 Notificaciones
-- [] ⚡ Performance
-- [] 🌐 Internacionalización
-- [] 🔧 Configuración
-- [] 🏗️ Arquitectura
-- [] 🚀 Colaboración
-- [] 🧪 Test
-- [] 📋 Otra
-
-## 🎨 Mockups o Ejemplos (Opcional)
-
- <!-- Borre esta sección si no aplica -->
-
-Si tiene mockups, sketches, o ejemplos de otras apps, agréguelos aquí.
-
-## 📈 ¿Qué tan importante es esta feature para usted?
-
- <!-- Borre las opciones que no use -->
-
-- [] 🔴 Crítica - No puedo usar la app sin esto
-- [] 🟡 Importante - Mejoraría significativamente mi experiencia
-- [] 🟢 Nice to have - Sería cool tenerlo
+- [] Arreglar (bug)
+- [] Agregar (nueva herramienta)
+- [] Documentación (mejorar documentación existente o agregar nueva)
+- [] Mejorar (optimización o mejora de funcionalidad existente)
+- [] Estilos (CSS, UI/UX)
+- [] Refactor (cambios en la estructura del código sin cambiar funcionalidad)
+- [] Test (agregar o mejorar pruebas)
+- [] Otros (especifique)
 
 ## 🤝 ¿Estaría dispuesto/a a contribuir con esta feature?
 
@@ -74,6 +34,6 @@ Si tiene mockups, sketches, o ejemplos de otras apps, agréguelos aquí.
 
 ## 🔗 Contexto Adicional
 
- <!-- Borre esta sección si no aplica -->
+<!-- Borre esta sección si no aplica -->
 
-Agregue cualquier otro contexto o screenshots sobre la solicitud de feature aquí.
+<!-- Agregue cualquier otro contexto o screenshots sobre la solicitud de feature aquí. -->

.github/PULL_REQUEST_TEMPLATE.md

@@ -1,35 +1,32 @@
 # Plantilla para Pull Request
 
-<!-- ¡Gracias por su contribución! Por favor, complete la siguiente información para ayudar a revisar su Pull Request. -->
+<!-- Gracias por contribuir. Por favor complete la siguiente información para facilitar la revisión. -->
 
 ## Descripción
 
-- ¿Qué issue resuelve este PR?
-  <!-- Ejemplo: #123 -->
+<!-- elija solo uno de los siguientes: -->
 
-## Cambios realizados
+- Título: Título de guía
+- Framework: React | Vue | Svelte | SolidJS | Preact | Astro
+- Herramienta: ...
 
-<!-- Borre las opciones que no use -->
+- Opcional:
 
-- [] Nuevo feature
-- [] Corrección de bug
-- [] Refactorización
-- [] Documentación
-- [] Agregar test
-- [] Otro (especifique):
+  - Resuelve algún issue o tarea? [ Ejemplo: `#123` ]
 
-## Checklist
+## Checklist (obligatorio)
 
-<!-- Todas las opciones deben estar marcadas para considerar el PR -->
+Marca todas las casillas antes de solicitar revisión:
 
-- [] El código sigue la guía de estilo del proyecto
-- [] Se agregaron pruebas o se verificó manualmente
-- [] La documentación fue actualizada/agregada (si aplica)
-- [] No se incluyen datos sensibles ni credenciales
-- [] Se ejecutó `npm run lint` antes de enviar el PR
-
-## Notas adicionales
-
-<!-- ¿Hay algo más que debamos saber para revisar este PR? -->
+- [] Trabajé sobre un Issue ya definido.
+- [] Leí y seguí las convenciones de estilo en STYLE_GUIDE.md
+- [] El código compila sin errores locales
+- [] El MDX sigue la plantilla establecida en PLANTILLA_MDX.mdx
+- [] Verifiqué que `npm run lint` y `npm run prettierCheck` pasen sin errores.
+- [] Las nuevas rutas funcionan al ejecutar `npm run dev`
+- [] No se incluyen secretos ni credenciales
+- [] Añadí pruebas o validación manual (si aplica)
 
 ---
+
+Gracias por su trabajo 🚀

.vscode/scminput.code-snippets

@@ -2,7 +2,7 @@
   "Commit mensaje estándar": {
     "prefix": "ccm",
     "body": [
-      "${1|arreglar,agregar,documentacion,mejorar,estilos,refactor,test,otros|}(${2:área (opcional)}): ${3:descripción corta}",
+      "${1|arreglar,agregar,documentacion,mejorar,estilos,refactor,test,otros|}(${2:área | framework}): ${3:descripción corta}",
       "",
       "${4:Descripción más detallada.}",
     ],

CONTRIBUTING.md

@@ -1,6 +1,6 @@
 # Guía para Colaborar
 
-¡Gracias por su interés en contribuir a Herramientas en Español! Hay varias formas de colaborar: reportar bugs, proponer features, trabajar en features, crear/mejorar documentación y testear.
+¡Gracias por su interés en contribuir a Código - Código! Hay varias formas de colaborar: reportar bugs, proponer features, trabajar en features, crear/mejorar documentación y testear.
 
 ## Colaborar con código
 
@@ -17,8 +17,8 @@ Siga estos pasos para colaborar de manera efectiva y ordenada.
 - Abra su terminal y ejecute:
 
 ```bash
-  git clone https://github.com/{su-usuario}/herramientasEnEspanol.git
-  cd herramientasEnEspanol
+  git clone https://github.com/{su-usuario}/codigo-codigo.git
+  cd codigo-codigo
 ```
 
 ### 3. Cree una rama para su cambio
@@ -27,8 +27,8 @@ Siga estos pasos para colaborar de manera efectiva y ordenada.
   git checkout -b nombre-de-su-rama
 ```
 
-> [!TIP]
-> Se debe crear una rama específica para cada aporte. Use nombres descriptivos, por ejemplo: `arreglar-typo-zustand`, `agregar-ejemplo-react-query`.
+> [!IMPORTANT]
+> Debe crear una rama específica para cada aporte. Use nombres descriptivos, por ejemplo: `arreglar-typo-zustand`, `agregar-ejemplo-react-query`.
 
 ### 4. Instale las dependencias
 
@@ -38,7 +38,7 @@ npm install
 
 ### 5. Desarrolle su propuesta
 
-- Siga la guía de estilo en `STYLE_GUIDE.md`.
+- Siga la guía de estilo en [Guía de Estilo](STYLE_GUIDE.md).
 - Asegúrese de seguir las buenas prácticas y el estilo del proyecto.
 
 ### 6. Pruebe su código
@@ -51,7 +51,6 @@ npm install
 
 - Verifique que su cambio funciona y no rompe nada existente.
 - No olvide ejecutar `npm run lint` para verificar el **estilo** del código.
-- No olvide ejecutar `npm run test` para verificar que las pruebas pasen.
 - No olvide ejecutar `npm run prettierCheck` y `npm run prettierFix` para verificar y corregir el **formato** del código.
 
 ### 7. Haga commit y push
@@ -108,25 +107,24 @@ npm install
 
 ### ¿Cómo reportar un bug?
 
-- Diríjase a la sección de [Issues](https://github.com/Ariel-GonzAguer/comidaEmergencia/issues) del repositorio.
+- Diríjase a la sección de [Issues](https://github.com/Ariel-GonzAguer/codigo-codigo/issues) del repositorio.
 - Haga clic en **New Issue** y seleccione **Reporte de Bug**.
 - Llene la plantilla como se indica.
 - **No incluya información sensible o privada**.
 
 ### ¿Cómo proponer una nueva funcionalidad?
 
-- Vaya a la sección de [Issues](https://github.com/Ariel-GonzAguer/comidaEmergencia/issues).
+- Vaya a la sección de [Issues](https://github.com/Ariel-GonzAguer/codigo-codigo/issues).
 - Haga clic en **New Issue** y seleccione la plantilla **Solicitud de Feature**.
 - Llene la plantilla como se indica.
 
 ### Consejos
 
-- Lea el `CODE_OF_CONDUCT.md` antes de contribuir.
-- Lea los archivos en la carpeta `documentacion/`.
-- Lea `STYLE_GUIDE.md` antes de hacer PR.
+- Lea el [Código de Conducta](CODE_OF_CONDUCT.md) antes de contribuir.
+- Lea [Guía de Estilo](STYLE_GUIDE.md) antes de hacer PR.
 - Sea respetuoso y paciente en las discusiones.
 - Si tiene dudas, abra un issue o pregunte en el Pull Request.
 
 ---
 
-**¡Gracias por ayudar a mejorar ComidaEmergencia!**
+**¡Gracias por ayudar a mejorar Código-Código!**

PLANTILLA_MDX.mdx

@@ -0,0 +1,33 @@
+---
+id: nombreDeLaHerramienta
+titulo: Título de la guía
+herramienta: Nombre de la herramienta
+personaEncargada: Su nombre
+fechaDeCreacion: fecha en que se hace el PR
+fechaDeUltimaActualizacion: fecha en que se actualizó por última vez la entrada. Inicialmente igual a fechaDeCreacion
+framework: Elija solo uno → React | Vue | Svelte | SolidJS | Preact | Astro
+---
+
+{/* importe el componente correspondiente aquí, por ejemplo: */}
+import UseState from '../src/components/React/UseState';
+
+{/* descripción breve de la herramienta */}
+`useState` es un hook fundamental en React que permite a los componentes funcionales tener y gestionar su propio estado. Antes de los hooks, solo los componentes de clase podían tener estado, pero con `useState`, los componentes funcionales también pueden hacerlo de manera sencilla.
+
+{/* indique cómo usar el componente. Agregue toda la documentación necesaria */}
+
+## Importación
+
+Para usar `useState`, primero debe importarlo desde React:
+
+```jsx
+import React, { useState } from 'react';
+```
+
+{/* ejemplo de uso básico */}
+
+## Uso básico
+
+<UseState client:load />
+
+{/* agregue más secciones si es necesario. Entre más documentación, mejor. */}

README.md

@@ -1,16 +1,18 @@
-# Herramientas en Español
+# Código - Código
 
 Este es un proyecto web que muestra cómo usar tecnologías y bibliotecas populares, pero explicado en español. El objetivo es ayudar a personas hispanohablantes a entender y aplicar estas herramientas mediante ejemplos concretos y documentación, sin tener que pasar por la barrera del idioma.
 
-Usamos [Astro](https://astro.build/) como metaframework, ya que permite integrar componentes en varios frameworks (React, Vue, Svelte, Preact, SolidJS), además de soportar MDX para documentación enriquecida y ser ligero y fácil de desplegar.
+Usamos [Astro](https://astro.build/) como metaframework, ya que permite integrar componentes en varios frameworks (React, Vue, Svelte, Preact, SolidJS), además de soportar MDX para documentación enriquecida y ser ligero y fácil de desplegar. #TeamAstro 🚀
 
 ## Qué encontrará aquí
 
-- Componentes en React, Vue, Svelte, Preact, SolidJS.
+- Componentes en React, Vue, Svelte, Preact, SolidJS y Astro.
 - Explicaciones en español de muchas herramientas.
 - Ejemplos mínimos y patrones recomendados para integrarlas en proyectos.
 - Una colección de archivos en `coleccionHerramientas/` con guías por herramienta.
 
+Visite [el sitio en vivo aquí](https://codigo-codigo.vercel.app/) para ver la documentación y ejemplos.
+
 ## Estructura principal del repositorio
 
 - `src/` – Código del sitio (Astro + frameworks) y componentes de ejemplo.
@@ -29,8 +31,8 @@ Usamos [Astro](https://astro.build/) como metaframework, ya que permite integrar
 1. Clona el repositorio:
 
 ```bash
-git clone <url-del-repositorio>
-cd herramientasEnEspanol
+git clone https://github.com/Ariel-GonzAguer/codigo-codigo
+cd codigo-codigo
 ```
 
 2. Instala dependencias (ejemplo con npm):
@@ -47,7 +49,8 @@ npm run dev
 
 4. Abre http://localhost:4321 (o el puerto que indique la salida) para ver la documentación y ejemplos.
 
-Nota: Si usas otra herramienta (pnpm, yarn), reemplaza el comando de instalación y ejecución por el equivalente.
+> [!TIP]
+> Si usa otra herramienta (pnpm, yarn), reemplaza el comando de instalación y ejecución por el equivalente.
 
 ## Cómo está organizada la colección de herramientas