26 Feb, 2026
Del JSON al PDF: Creando un Generador de CV con React y Vite
proyectos , , ,

Introducción

En el desarrollo moderno, la eficiencia es clave. Como ingenieros, solemos perder tiempo valioso formateando documentos cuando deberíamos estar enfocados en la data. Por eso desarrollé Templated Online CV, una herramienta construida con Vite y React.js que permite generar currículums profesionales, optimizados para ATS, directamente desde el navegador.

Arquitectura Client-Side: Por qué Vite + React

Elegí este stack por una razón principal: Velocidad y Reactividad.

  • Vite: Proporciona un entorno de desarrollo instantáneo y un build de producción optimizado.
  • React.js: Maneja el estado de los datos (tu experiencia, educación y habilidades) de forma fluida. Al ser una aplicación que corre 100% en el cliente, la privacidad aumenta, ya que tus datos se procesan localmente para generar los archivos.

El esquema de datos (El JSON)

La aplicación utiliza una estructura de objetos clara. Esto permite que cualquier desarrollador pueda importar su información de manera masiva. Por ejemplo, la sección de habilidades se renderiza dinámicamente basándose en un nivel numérico:

JSON

{
  "abilities": [
    { "id": 0, "name": "Python (Django, FastAPI, Flask)", "level": 9 },
    { "id": 3, "name": "Javascript (React, TypeScript)", "level": 8 }
  ]
}

Características Principales

  1. Separación de Conceptos: Los datos están en un JSON; el diseño está en los componentes de React.
  2. Multiformato: Exportación nativa a PDF y DOCX.
  3. Persistencia Local: Puedes descargar tu archivo JSON de respaldo para editarlo después sin empezar de cero.
  4. Diseño Limpio: El template “Simple” (como se ve en la imagen) prioriza la legibilidad, algo fundamental para pasar los filtros automáticos de las empresas.

Un proyecto en evolución

Es importante destacar que Templated Online CV se encuentra actualmente en una etapa de maduración. Aunque es una versión beta, ya cumple con todas las tareas core para las que fue diseñado: procesar datos JSON y transformarlos en documentos profesionales.

El Road Map: Código e Interfaz

Todavía estoy puliendo detalles tanto en la arquitectura del código como en el refinamiento de la interfaz de usuario (UI). Sin embargo, la base es sólida y totalmente utilizable para quien necesite un CV ahora mismo.

¡Hazlo tuyo!

La verdadera magia del Open Source es la colaboración. He diseñado el proyecto para que sea fácil de entender:

  • Forks bienvenidos: Si tienes una idea para un nuevo template, ¡haz un fork y experiméntalo!.
  • Colaboración directa: Si encuentras un bug o quieres mejorar la lógica de exportación, las Pull Requests son más que bienvenidas.
  • Feedback: Cualquier opinión sobre la UX/UI me ayuda a llevar esta beta a su versión 1.0.

Conclusión

Este proyecto demuestra que no necesitamos backends complejos para herramientas de productividad potentes. Todo el poder de procesamiento reside en el navegador del usuario.