Skip to content
Faryan Rajabi
faryanra@gmail.com
All work

Research Computing Interface

Not public

HPP Central Dashboard

Frontend interface designed and built at Politecnico di Torino for an authenticated research computing platform, covering research environments, resources, storage, training jobs, and platform feedback.

Role
Frontend Developer
Organization
Politecnico di Torino
Period
Oct 2025 – Sept 2026

In numbers

In numbers

lines of TypeScript
about39,000
feature components
59
shared UI components
32
API endpoints
26
mean SUS score, 11 participants
80.9/100

Context

EBRAINS Italy research infrastructure, developed at Politecnico di Torino within the inNuCE research ecosystem.

The HPP Central Dashboard is the web interface for a Kubernetes-based research computing platform. It gives researchers a simpler way to manage development environments, resources, storage, training jobs, and feedback.

Approach

I designed and built the frontend from scratch with Next.js, React, and TypeScript, including the frontend architecture, a token-based design system, and a reusable component library.

The interface integrates with the platform's existing Keycloak and oauth2-proxy authentication flow, with authentication-aware workflows and 3 customized Keycloak pages.

Features

  • Research environments

    ProtoLabs workflows and workspace provisioning for VSCode and Jupyter environments.

  • Storage

    Storage management for researchers working on the platform.

  • Resource monitoring

    Monitoring of platform resources.

  • TrainJobs

    Managing training jobs on the platform.

  • Platform feedback

    In-app feedback backed by a self-contained FastAPI and PostgreSQL service.

  • Authentication-aware flows

    Integrated with the existing Keycloak and oauth2-proxy authentication flow.

Architecture

  1. Frontend
    • Next.js, React, TypeScript
    • 59 feature components
    • 32 shared UI components
    • Token-based design system
  2. API layer
    • 26 API endpoints
  3. Feedback service
    • FastAPI
    • PostgreSQL
  4. Identity
    • Keycloak
    • oauth2-proxy

Results

The dashboard was evaluated with 11 participants and achieved a mean System Usability Scale score of 80.9/100, with task ratings from 4.18 to 4.64 out of 5.

1 of 4

HPP Central Dashboard overview with quick actions, CPU, RAM, storage and device usage, and ProtoLabs

Overview: quick actions, resource usage and ProtoLabs

Tech stack

  • Next.js
  • React
  • TypeScript
  • FastAPI
  • PostgreSQL
  • Keycloak
  • oauth2-proxy
  • Kubernetes