A Unified User Interface Using Microfrontends for Energy Data Sharing Infrastructure

A consistent and performant frontend across multiple, independent services and deployments is considered one of the main challenges in distributed data infrastructures, especially in the energy domain dealing with end-users and third parties. Our work contributes to a unified interface with seamless integration into applications and a consistent user experience with respect to the processes the user goes through despite complex workflows. We develop an interface using microfrontends to request permission for energy data sharing between customers and eligible parties through national and regional data providers. We study different aspects of the microfrontend architecture in terms of boundaries, composition, routing, and communication to decide about the tools and technologies used in our implementation. Furthermore, we demonstrate our permission request interface within the European Distributed Data Infrastructure for Energy (EDDIE) project, which defines the permission request process to access data from different data providers and implements an infrastructure using microservices to share energy data. We consider best practices to select architecture relevant to our use case through discussing some companies using microfrontends in production and their approaches. Finally, we provide an outlook on performance showing high responsiveness, light resource utilization, and minimal interaction delay.

Publication Details

Journal
Gesellschaft für Informatik (GI)
Published
2025-01-01
DOI
https://doi.org/10.18420/muc2025-mci-ws03-195
Primary Topic
Geochemistry and Geologic Mapping
Type
article
Field-Weighted Citation Impact
0.00
Controls
|||
ALL TIME
JAN
FEB
MAR
APR
MAY
JUN
JUL
AUG
SEP
OCT
article

A Unified User Interface Using Microfrontends for Energy Data Sharing Infrastructure

Gesellschaft für Informatik (GI)
Geochemistry and Geologic Mapping
article

A Unified User Interface Using Microfrontends for Energy Data Sharing Infrastructure

article en

Abstract

A consistent and performant frontend across multiple, independent services and deployments is considered one of the main challenges in distributed data infrastructures, especially in the energy domain dealing with end-users and third parties. Our work contributes to a unified interface with seamless integration into applications and a consistent user experience with respect to the processes the user goes through despite complex workflows. We develop an interface using microfrontends to request permission for energy data sharing between customers and eligible parties through national and regional data providers. We study different aspects of the microfrontend architecture in terms of boundaries, composition, routing, and communication to decide about the tools and technologies used in our implementation. Furthermore, we demonstrate our permission request interface within the European Distributed Data Infrastructure for Energy (EDDIE) project, which defines the permission request process to access data from different data providers and implements an infrastructure using microservices to share energy data. We consider best practices to select architecture relevant to our use case through discussing some companies using microfrontends in production and their approaches. Finally, we provide an outlook on performance showing high responsiveness, light resource utilization, and minimal interaction delay.

Gesellschaft für Informatik (GI)
Industry, innovation and infrastructure
Openalex Percentile: Top 69%
Geochemistry and Geologic Mapping
AI Navigator

Ask Laika to Summarize, Analyze, and Connect papers live on the map.

Summarize Papers & Methodologies

Extract key findings, datasets, and comparative methods across publications.

Benchmark Rankings & Visual Analytics

Rank top research institutions, authors, funders, topics, and journals by Field-Weighted Citation Impact (FWCI) and paper volume with instant charts.

Connect Distant Disciplines

Bridge topological clusters on the map to find hidden collaborative intersections.