Skip to content

Conversation

@mativs
Copy link

@mativs mativs commented Apr 27, 2025

Descripción de los cambios

Nueva funcionalidad: Company Checker

Se ha implementado una nueva herramienta llamada "Company Checker" que permite a los usuarios investigar empresas de su interés para prepararse para entrevistas laborales.

Características principales:

  • Interfaz de usuario intuitiva con un campo de búsqueda para ingresar el nombre de la empresa
  • Sistema de rate limiting para prevenir abusos (1 solicitud por minuto por IP)
  • Sanitización de inputs para prevenir inyección de código
  • Visualización de resultados en formato Markdown
  • Opción para copiar el prompt y usar en otras plataformas como ChatGPT o Gemini
  • Integración con Google Analytics

Componentes implementados:

  • Página principal con formulario de búsqueda
  • API endpoint para procesar las solicitudes
  • Sistema de manejo de errores
  • Componentes de UI reutilizables (Spinner, Skeleton, ErrorBadge)
  • Layout específico para la sección
  • Utilitarios para sanitización y rate limiting

Mejoras técnicas:

  • Manejo de errores robusto con mensajes en español
  • Optimización de la experiencia de usuario con estados de carga y feedback visual
  • Integración con el sistema de navegación existente

Archivos modificados:

  • Se agregó la nueva ruta /company-checker al menú principal
  • Se crearon nuevos componentes y utilidades específicas para la funcionalidad
  • Se actualizó el archivo de estilos globales para soportar Markdown

Configuración del entorno:

Para que la funcionalidad funcione correctamente, es necesario configurar la siguiente variable de entorno:

  1. Crear o editar el archivo .env.local en la raíz del proyecto
  2. Agregar la siguiente línea:
    GOOGLE_GENERATIVE_AI_API_KEY=tu_api_key_aquí
    
  3. Reemplazar tu_api_key_aquí con tu API key de Google Generative AI

La herramienta está lista para su uso y proporciona una forma eficiente de investigar empresas antes de las entrevistas laborales.

@vercel
Copy link

vercel bot commented Apr 27, 2025

@mativs is attempting to deploy a commit to the conanbatt's projects Team on Vercel.

A member of the Team first needs to authorize it.

@nicopujia
Copy link
Collaborator

nicopujia commented May 1, 2025

Está bueno. Ahora mismo es directo lo que devuelve la IA a lo que se muestra (se muestra tal cual lo que responde, en un card con puro texto). Dejo algunas sugerencias:

  • Texto como

    What is their main product or service? Their main product is

    alarga un montón innecesariamente. Debería ser algo como

    Main product
    whatever

  • Hacerlo más visual. Pueden ser emojis o iconos en los títulos, separar la info en distintos cards, capaz colores.

  • Arreglar ese padding de arriba y abajo del card (debería ser simétrico de arriba, abajo, izquierda y derecha).

@nicopujia
Copy link
Collaborator

Comparto screenshot así a otros no les hace falta ejecutarlo.

image

@mativs
Copy link
Author

mativs commented May 6, 2025

Está bueno. Ahora mismo es directo lo que devuelve la IA a lo que se muestra (se muestra tal cual lo que responde, en un card con puro texto). Dejo algunas sugerencias:

  • Texto como

    What is their main product or service? Their main product is

    alarga un montón innecesariamente. Debería ser algo como

    Main product
    whatever

  • Hacerlo más visual. Pueden ser emojis o iconos en los títulos, separar la info en distintos cards, capaz colores.

  • Arreglar ese padding de arriba y abajo del card (debería ser simétrico de arriba, abajo, izquierda y derecha).

@nicopujia nueva propuesta en base a las observaciones!! 😄

@conanbatt
Copy link
Contributor

@nicopujia podes revisar este PR?

Copy link
Collaborator

@nicopujia nicopujia left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Luego de la review 3 meses tarde mi opinión es que hay que dejar este proyecto porque las herramientas existentes son por lejos mucho mejores y hacer un buen Company Checker llevaría demasiado trabajo.

return (
<>
<Home />
<GoogleAnalytics gaId="G-QFVTDBRTP4" />
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No hace falta repetirlo

Comment on lines +4 to +14
export const metadata: Metadata = {
title: "Resume Checker",
description:
"Upload your CV and get instant feedback to improve your job application.",
openGraph: {
title: "Resume Checker • Open Silver",
description:
"Get instant feedback on your resume to improve your job application",
type: "website",
},
};
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Arreglar eso

@@ -0,0 +1,17 @@
import { Lato } from "next/font/google";
import { type ReactNode } from "react";
const lato = Lato({ subsets: ["latin"], weight: "400" });
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Sacar esa fuente, que se use siempre la del layout.tsx principal

Comment on lines +61 to +68
const cardColors = [
"bg-gradient-to-br from-blue-50/30 to-blue-100/20 dark:from-blue-950/20 dark:to-blue-900/10 border-blue-100/50 dark:border-blue-800/30",
"bg-gradient-to-br from-purple-50/30 to-purple-100/20 dark:from-purple-950/20 dark:to-purple-900/10 border-purple-100/50 dark:border-purple-800/30",
"bg-gradient-to-br from-green-50/30 to-green-100/20 dark:from-green-950/20 dark:to-green-900/10 border-green-100/50 dark:border-green-800/30",
"bg-gradient-to-br from-amber-50/30 to-amber-100/20 dark:from-amber-950/20 dark:to-amber-900/10 border-amber-100/50 dark:border-amber-800/30",
"bg-gradient-to-br from-rose-50/30 to-rose-100/20 dark:from-rose-950/20 dark:to-rose-900/10 border-rose-100/50 dark:border-rose-800/30",
"bg-gradient-to-br from-cyan-50/30 to-cyan-100/20 dark:from-cyan-950/20 dark:to-cyan-900/10 border-cyan-100/50 dark:border-cyan-800/30",
];
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Con incluir colores me refería p. ej. a iconos o títulos con el naranjita de Silver. Estos colores son re random, no les veo el sentido ni la utilidad.

import ReactMarkdown from "react-markdown";

function removeTripleBackticks(text: string): string {
// Trim leading/trailing whitespace
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nit: demasiados comentarios

<Spacer size="lg" />
<div className="text-center">
<p className="text-lg mb-4">
Para una búsqueda más profunda probá directamente en{" "}
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Review de producto:

Si para una búsqueda más profunda deberíamos ir con el prompt a ChatGPT, entonces por qué usar el Company Checker en primer lugar? Encima me tira un montón de texto, complicado de leer en mi opinión, y a eso sumale su dudosa veracidad ya que ni busca en internet.

@@ -0,0 +1,13 @@
"use client";
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Al igual mencioné en el otro PR:

Fijate que el pages router quedó de antes, pero mi idea es usar al app router, así no tenemos que duplicar cada página en ambos. Así que usá el app router directo.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants