Interfaccia per il calcolo scientifico
Non pubblicoHPP Central Dashboard
Interfaccia frontend progettata e costruita al Politecnico di Torino per una piattaforma autenticata di calcolo scientifico: ambienti di ricerca, risorse, storage, training job e feedback sulla piattaforma.
- Ruolo
- Frontend Developer
- Organizzazione
- Politecnico di Torino
- Periodo
- ott 2025 – set 2026
In numeri
In numeri
- righe di TypeScript
- circa39.000
- componenti funzionali
- 59
- componenti UI condivisi
- 32
- endpoint API
- 26
- punteggio SUS medio, 11 partecipanti
- 80,9/100
Contesto
Infrastruttura di ricerca EBRAINS Italy, sviluppata al Politecnico di Torino nell'ecosistema di ricerca inNuCE.
La HPP Central Dashboard è l'interfaccia web di una piattaforma di calcolo scientifico basata su Kubernetes. Offre ai ricercatori un modo più semplice di gestire ambienti di sviluppo, risorse, storage, training job e feedback.
Approccio
Ho progettato e costruito il frontend da zero con Next.js, React e TypeScript, compresa l'architettura frontend, un design system basato su token e una libreria di componenti riutilizzabili.
L'interfaccia si integra con il flusso di autenticazione esistente della piattaforma, basato su Keycloak e oauth2-proxy, con flussi che tengono conto dell'autenticazione e 3 pagine Keycloak personalizzate.
Funzionalità
Ambienti di ricerca
Flussi ProtoLabs e provisioning di workspace per ambienti VSCode e Jupyter.
Storage
Gestione dello storage per i ricercatori che lavorano sulla piattaforma.
Monitoraggio delle risorse
Monitoraggio delle risorse della piattaforma.
TrainJobs
Gestione dei training job sulla piattaforma.
Feedback sulla piattaforma
Feedback dentro l'app, gestito da un servizio autonomo FastAPI e PostgreSQL.
Flussi con autenticazione
Integrati con il flusso di autenticazione esistente basato su Keycloak e oauth2-proxy.
Architettura
- Frontend
- Next.js, React, TypeScript
- 59 feature components
- 32 shared UI components
- Token-based design system
- Livello API
- 26 API endpoints
- Servizio di feedback
- FastAPI
- PostgreSQL
- Identità
- Keycloak
- oauth2-proxy
Risultati
La dashboard è stata valutata con 11 partecipanti e ha ottenuto un punteggio medio di 80,9/100 nella System Usability Scale, con valutazioni dei compiti da 4,18 a 4,64 su 5.
Galleria
1 di 4Panoramica: azioni rapide, uso delle risorse e ProtoLabs
Tecnologie
- Next.js
- React
- TypeScript
- FastAPI
- PostgreSQL
- Keycloak
- oauth2-proxy
- Kubernetes