React

Hiki: un catalogo da filtrare

L’interfaccia di Hiki è React 19 dentro Next.js 15 con l’App Router. Trasforma lo scraping giornaliero di diverse librerie in un unico catalogo. I lettori filtrano per 21 generi, 100+ tag, fascia di prezzo, sconto, disponibilità e negozio di origine, e la ricerca full-text copre i nomi dei prodotti in tutte le lingue supportate. next-intl traduce l’interfaccia, i nomi dei generi e i tag, così gli stessi componenti React renderizzano ogni lingua.

Il look è un design system neubrutalista: bordi marcati da 2px, ombre sfalsate e uno stile ispirato ai manga, con i font Lacquer e Pangolin. I componenti sono shadcn/ui, personalizzati con il tema neubrutalista invece di essere disegnati da zero.

Bridddge: un’app React per ogni funzionalità

Bridddge è un’app macOS costruita con Electron e React. Un browser Chromium incorporato gestisce LinkedIn vero e proprio, e React disegna gli strumenti attorno. Una build Vite multipagina dà a ogni funzionalità un’app React separata: la dashboard, il CRM, le analisi del Social Selling Index, lo scheduler dei post e le automazioni. Il CRM traccia ogni collegamento con il suo stato, le note e la cronologia delle azioni. Le schermate usano shadcn/ui con un tema personalizzato chiamato Lyra, con il blu come colore primario e angoli netti.

Scout: un’interfaccia per un agente

Anche Scout usa React 19 in Next.js 15. Un agente IA fa il lavoro di vendita, e l’interfaccia React è il posto in cui l’utente lo configura e lo segue. Un setup guidato in sette passaggi va dal profilo di cliente ideale al primo gruppo di lead. I lead si spostano su una board Kanban con drag and drop da Qualificato a Contattato, Ha risposto, Meeting, e Vinto o Perso. La dashboard analitica mostra la salute della pipeline, il funnel di conversione, la performance delle fonti e le metriche di outreach, e il registro attività tiene traccia di ogni azione dell’agente. Mentre l’agente lavora, l’interfaccia si aggiorna in tempo reale.