legacy-lab

Constructor de portafolio (Portfolio Builder) hecho con Vite + React + TypeScript, con estilos en Tailwind y asistencia opcional por Gemini vía un endpoint serverless.

Vista previa

Features

• Editor (Builder) + vista previa (Preview)
• Modo oscuro global
• Exportar / importar datos en JSON
• Asistencia IA (Gemini) vía POST /api/gemini (la API key no se expone al navegador)

Stack

• Vite + React + TypeScript
• Tailwind CSS (compilado con PostCSS)
• Gemini (@google/genai) en serverless (Vercel)

Arquitectura IA

La app cliente llama a POST /api/gemini y el backend (serverless) ejecuta Gemini usando la variable de entorno GEMINI_API_KEY.

• Handler: api/gemini.ts
• Lógica: server/gemini.ts
• Cliente: services/geminiService.ts

Requisitos

• Node.js (LTS recomendado)

Instalación y uso (local)

1. Instalar dependencias:

   pnpm install

2. Crear un archivo .env.local en la raíz:

   GEMINI_API_KEY=tu_api_key

3. Levantar el entorno de desarrollo:

   pnpm run dev

Deploy en Vercel

1. Importa el repo en Vercel.
2. Configura la variable de entorno:
   • GEMINI_API_KEY: tu API key de Gemini.
3. Despliega.

Scripts

• pnpm run dev: desarrollo
• pnpm run build: build de producción
• pnpm run preview: previsualizar build
• pnpm run verify: tsc + build + sanity-check anti “texto pegado”

Seguridad

• No subas .env.local al repo.
• La IA se consume server-side; el navegador nunca debería recibir la API key.

Licencia

GPL-3.0-only. Ver LICENSE.