PerplexiGrid — Selezionato da Perplexity.ai
- Anno
- 2025
- Stack
- React, Supabase, MUI, Sonar API, Figma
- Online
- perplexigrid.vercel.app
Descrizione
PerplexiGrid è uno strumento in sviluppo realizzato per l'Hackathon ufficiale Perplexity Sonar API. Permette di generare dashboard dinamiche e interattive partendo da prompt in linguaggio naturale, combinando dati web in tempo reale con fonti personalizzate in un'interfaccia visuale e collaborativa.
Il mio ruolo
Guido lo sviluppo backend con Supabase, gestendo autenticazione, archiviazione dei dati e funzionalità di collaborazione in tempo reale. Ho inoltre contribuito all'implementazione della UI in React e disegnato l'intera interfaccia in Figma, puntando su layout pulito, usabilità e interazioni guidate dai prompt.
La sfida
L'obiettivo è creare un sistema in cui l'utente possa inserire query come *“Analizza i trend di finanziamento delle startup in Europa”* e ricevere immediatamente una dashboard popolata con grafici, diagrammi e insight strutturati. Questo richiede di collegare l'AI conversazionale a componenti frontend flessibili e a una logica backend persistente.
La soluzione
La build attuale include:
Generazione di dashboard in linguaggio naturale tramite la Sonar API di Perplexity
Integrazione Supabase per dati di progetto, autenticazione e collaborazione multi-utente
Sistema di layout drag-and-drop con React Grid Layout
Widget modificabili che rispondono a query successive
Chat collaborativa per la co-creazione in tempo reale
UI progettata in Figma, oggi parzialmente implementata nel frontend
Il link a Devpost è disponibile qui
Galleria