NoSignups (FckSignups)
NoSignups en local: añade una muestra compatible con el esquema actual
Comprende el flujo Vite, el tipo Tool real y los datos de reserva; verifica categorías, búsqueda y grupos con una entrada inocua.
Qué aprenderás
- Una pantalla poblada no demuestra que se cargó el JSON local.
- Las entradas actuales usan section y tags explícitos.
- Comprueba categorías y coincidencia de todos los términos.
Antes de empezar
- JavaScript y JSON básicos
- Una tarea inocua y un registro de muestra
Explica la frontera del capítulo y verifícala con la muestra o ficha propuesta.
Conclusiones clave
- Una pantalla poblada no demuestra que se cargó el JSON local.
- Las entradas actuales usan section y tags explícitos.
- Comprueba categorías y coincidencia de todos los términos.
Identifica qué conjunto de datos estás viendo
El README propone clonar el repositorio, ejecutar npm install y después npm run dev. package.json asigna dev a Vite, build a tsc seguido de vite build y preview a vite preview. Revisa el repositorio y los scripts de instalación antes de ejecutarlos. Este capítulo describe el procedimiento, pero no afirma que la aplicación completa se haya instalado o iniciado durante la revisión editorial.
En desarrollo, useTools intenta primero DEV_JSON_URL, definido como ../../../tools.json. Si falla, prueba el JSON remoto y después los datos integrados de reserva. Ver tarjetas tras una modificación no demuestra que se haya cargado el archivo editado. Comprueba la URL solicitada, su respuesta y la aparición de una entrada con un nombre inequívoco.
Prioriza el tipo actual frente a una tabla antigua
En la revisión inspeccionada, Tool exige un arreglo tags y utiliza section con featured, editors-pick o meets-criteria. El README describe tags como opcional y documenta un booleano featured anterior. Una entrada copiada literalmente de esa tabla puede no cumplir las expectativas actuales. Además, el identificador de categoría no es su nombre visible: utiliza uno presente en los datos cargados.
La muestra necesita id único, nombre y descripción breves, URL válida, categoría existente y tags explícitos. El ejemplo emplea example.com como marcador inocuo, no como utilidad real. Inserta el registro en el arreglo tools de una copia de prueba de tools.json. No envíes la muestra al proyecto público ni sobrescribas una entrada auténtica para acomodarla.
Comprueba el recorrido de la consulta a la tarjeta
Escoge una muestra cuyo nombre y etiquetas hagan evidentes los resultados esperados. Busca dos términos conocidos y cambia a otra categoría para comprobar que desaparece. La búsqueda exige todos los términos en nombre, descripción o etiquetas; no busca en la URL del destino ni del repositorio. Los términos pueden aparecer en campos diferentes, por lo que no equivale a buscar una frase contigua.
Prueba también consulta vacía, ausencia de coincidencias y texto no latino. El tokenizador inspeccionado conserva solo letras ASCII minúsculas, dígitos y signos más; una consulta únicamente china produce cero términos. Es un comportamiento actual que debe entenderse, no una promesa de búsqueda multilingüe. Registra estas observaciones antes de presentar la instalación como adecuada para varios idiomas.
Pasos de implementación
- 1
Revisa y clona el repositorio en un directorio aislado.
- 2
Instala dependencias, inicia desarrollo e inspecciona la petición JSON.
- 3
Añade una muestra con un identificador de categoría existente.
- 4
Prueba coincidencias, ausencia de resultados y texto no latino.
Ejemplo para copiar
{
"id": "fixture-json-formatter",
"name": "Muestra de formateador JSON",
"description": "Registro inocuo de prueba, no una utilidad real.",
"url": "https://example.com/",
"category": "development",
"tags": [
"json",
"formatter",
"fixture"
],
"section": "meets-criteria"
}Preguntas frecuentes
¿Por qué no aparece mi modificación?
Comprueba si la petición cayó al JSON de GitHub o a los datos integrados. Revisa después la categoría y los términos activos.
¿Puedo omitir tags como indica el README?
El tipo Tool inspeccionado lo exige y el matcher expande tool.tags. Proporciona un arreglo explícito y valida los registros recibidos.
Fuentes
- README.mdFuente verificada 2026-09-07
- package.jsonFuente verificada 2026-09-07
- vite.config.mtsFuente verificada 2026-09-07
- src/hooks/useTools.tsFuente verificada 2026-09-07
- src/components/Home/Tools/Tools.tsxFuente verificada 2026-09-07
- src/components/Home/Tools/ToolCard/ToolCard.tsxFuente verificada 2026-09-07
- src/types/index.tsFuente verificada 2026-09-07
- src/constants/fallbackData.tsFuente verificada 2026-09-07
- src/data/schema.jsFuente verificada 2026-09-07
- cloudflare-worker/worker.tsFuente verificada 2026-09-07
- cloudflare-worker/urlHandlers/handleSubmitTool.tsFuente verificada 2026-09-07
- cloudflare-worker/utils.tsFuente verificada 2026-09-07