Saltar al contenido

T.02 / Tecnología

Front end

React

larch construye interfaces de producto en React, en la web y en el escritorio. Hiki y Scout usan React 19 dentro de Next.js 15, y Bridddge, nuestra app de LinkedIn para macOS, usa React dentro de Electron.

Productos hechos
03
En la web
React 19
En el escritorio
Electron
Componentes
shadcn/ui
Bridddge compila con
Vite

Cuéntanos qué quieres lanzar.

01 / Hecho con React

Tres productos, tres interfaces.

Un catálogo de manga, una app de LinkedIn para macOS y la sala de control de un agente de ventas con IA. Cada interfaz es React, y cada producto lo hemos diseñado, construido y lanzado nosotros.

Ilustración de portada de Hiki: una chica manga leyendo entre pilas de libros junto al logotipo de Hiki

Plataforma web / 2025

React 19 renderiza un catálogo que los lectores filtran por 21 géneros, más de 100 etiquetas, precio, descuento, stock y tienda, sobre componentes de shadcn/ui con el estilo neobrutalista de Hiki.

hiki.world
Ilustración de Bridddge: una mano grabada que se extiende hacia un octógono azul

App para macOS / 2025

Cada función es su propia app de React en un build de Vite multipágina: panel, CRM, analítica SSI, programador y automatizaciones, con un tema de shadcn/ui.

bridddge.com
Ilustración de Scout: una pared de monitores retro y paneles de control

Agente de IA / 2025

React 19 dibuja el pipeline Kanban de arrastrar y soltar, el panel de analítica y el registro de actividad, y los actualiza en directo mientras el agente trabaja.

02 / Servicio relacionado

Desarrollo de plataformas web

Plataformas rápidas y resilientes que crecen con tu negocio, no en su contra.

Qué recibes

  • Plataformas SaaS, paneles en tiempo real y apps multilingües

    El panel de Scout se actualiza en directo mientras el agente trabaja; la interfaz de Hiki está traducida hasta en los nombres de géneros y etiquetas.

  • Todo el stack, del front end a la base de datos

    Detrás del front end en React de Hiki hay un back end en FastAPI y MongoDB, construidos por un solo equipo.

  • Desplegadas, monitorizadas y escaladas, no solo construidas

    Hiki se despliega en Cloud Run con Cloud Build en cada push a main.

Desarrollo de plataformas web

03 / Cómo usamos React

Interfaces en las que la gente trabaja.

En los tres productos, React dibuja las pantallas en las que la gente pasa su tiempo: un catálogo que explorar, un flujo de trabajo de LinkedIn que gestionar y un pipeline de ventas que llevar.

Hiki: un catálogo que puedes filtrar

La interfaz de Hiki es React 19 dentro de Next.js 15 con el App Router. Convierte el scraping diario de varias librerías en un solo catálogo. Los lectores filtran por 21 géneros, más de 100 etiquetas, rango de precios, descuento, stock y tienda de origen, y la búsqueda de texto completo cubre los nombres de producto en todos los idiomas disponibles. next-intl traduce la interfaz, los nombres de los géneros y las etiquetas, así que los mismos componentes de React renderizan todos los idiomas.

El aspecto es un sistema de diseño neobrutalista: bordes gruesos de 2px, sombras desplazadas y un estilo inspirado en el manga con las tipografías Lacquer y Pangolin. Los componentes son de shadcn/ui, adaptados con el tema neobrutalista en lugar de dibujados desde cero.

Bridddge: una app de React por función

Bridddge es una app para macOS construida con Electron y React. Un navegador Chromium embebido se ocupa del propio LinkedIn, y React dibuja las herramientas que lo rodean. Un build de Vite multipágina da a cada función una app de React separada: el panel, el CRM, la analítica del Social Selling Index, el programador de publicaciones y las automatizaciones. El CRM sigue cada contacto con su estado, notas e historial de acciones. Las pantallas usan shadcn/ui con un tema personalizado llamado Lyra, con el azul como color principal y esquinas rectas.

Scout: una interfaz para un agente

Scout también usa React 19 en Next.js 15. Un agente de IA hace el trabajo de ventas, y la interfaz en React es donde el usuario lo configura y lo sigue. Un asistente de configuración de siete pasos va del perfil de cliente ideal al primer lote de leads. Los leads avanzan por un tablero Kanban de arrastrar y soltar: de Cualificado a Contactado, Respondido, Reunión, y Ganado o Perdido. El panel de analítica muestra la salud del pipeline, el embudo de conversión, el rendimiento por fuente y las métricas de prospección, y el registro de actividad recoge cada acción del agente. Mientras el agente trabaja, la interfaz se actualiza en directo.

04 / Otras tecnologías

Se usan junto a ella.

React funciona dentro de Next.js en Hiki y Scout, y dentro de Electron en Bridddge. Mira qué hemos construido con cada uno.

T.01 / Front end

Next.js

El front end del catálogo multilingüe de Hiki y la app web de Scout, ambos en Next.js 15 con el App Router.

Hecho con ella

  • Hiki
  • Scout

T.05 / Escritorio

Electron

Bridddge, una app nativa para macOS con su propio navegador embebido, que funciona en local.

Hecho con ella

  • Bridddge

07 tecnologías

Todas las tecnologías

Siete tecnologías, cada una funcionando en un producto que hemos lanzado.

Empezar / Llamada de 30 minutos

¿Tienes un producto en mente? Vamos a lanzarlo.

Sin teatro corporativo. Solo resultados.