Carefully Built
Contatti
Indietro

2025 · In corso

PerplexiGrid – Officially featured by Perplexity.ai

React, Supabase, MUI, Sonar API, Figma

PerplexiGrid

Descrizione

PerplexiGrid è uno strumento in fase di sviluppo, realizzato per l'ufficiale Perplexity Sonar API Hackathon. Consente agli utenti di generare dashboard dinamiche e interattive a partire da prompt in linguaggio naturale, combinando dati web in tempo reale con fonti personalizzate in un'interfaccia visiva e collaborativa.

Il nostro ruolo

Guidiamo lo sviluppo backend utilizzando Supabase, gestendo autenticazione, archiviazione dei dati e funzionalità di collaborazione in tempo reale. Abbiamo inoltre contribuito all'implementazione della UI in React e progettato l'intera interfaccia in Figma, con particolare attenzione a layout pulito, usabilità e interazioni guidate dai prompt.

La sfida

L'obiettivo è creare un sistema in cui gli utenti possano inserire query come "Analizza i trend di finanziamento delle startup in Europa" e ricevere all'istante una dashboard popolata di grafici, diagrammi e insight strutturati. Ciò richiede di collegare l'AI conversazionale a componenti frontend flessibili e a una logica backend persistente.

La soluzione

La build attuale comprende:

Generazione di dashboard in linguaggio naturale tramite la Sonar API di Perplexity

Integrazione con Supabase per i dati di progetto, l'autenticazione e la collaborazione multi-utente

Sistema di layout drag-and-drop realizzato con React Grid Layout

Widget modificabili che rispondono alle query di follow-up

Chat collaborativa per la co-creazione in tempo reale

UI progettata in Figma, ora parzialmente implementata nel frontend

Link a Devpost disponibile qui

PerplexiGrid
PerplexiGrid
PerplexiGrid
PerplexiGrid
← Tutti i case study