Skip to content

DataGEMS Frontend & Design Overview

This is the central documentation site for the DataGEMS Frontend application, which serves as the primary user interface (UI) for the entire DataGEMS platform.

The Frontend service acts as the presentation layer, focused on delivering a high-performance, intuitive, and consistent user experience for dataset discovery, management, and AI interaction. It translates complex API structures into clear, manageable workflows for end-users.

Key Documentation Areas

You can use the navigation menu to the left to explore the various aspects of the DataGEMS UI and its underlying architecture.

You may be interested to jump directly to:

  • Architecture & Tech Stack: A deep dive into why we chose Next.js 15 (App Router), React 19, and Tailwind CSS to achieve our performance and design goals. This section covers our use of TypeScript and NextAuth.js with Keycloak.
  • Design System & Components: Details on our UI Kit, including reusable components (like the DatasetTile) and the principles driving visual consistency, accessibility, and user experience across all views.
  • Feature Workflows: Step-by-step guides on complex user interactions, such as Advanced Filtering, Custom Collection Management, and the AI Chat Interface with source tracking and collection scoping.
  • Performance & Reliability: Documentation on our state management strategy (React Context), API caching principles, and how we address common issues like data synchronization delays.

Further Assistance

For specific questions regarding the UI implementation, please consult the Frontend FAQ, check if a relevant Issue already exists, or contact the DataGEMS Help Desk.