Dashboard (SPA)

Overview & Business Purpose

The Dashboard is a powerful, flexible single-page application (SPA) that serves as a central hub for users to manage their information and interact with various services. It is ideal for building client portals, admin panels, and analytics dashboards where real-time data visualization and quick access to various tools are critical.

Before accessing the dashboard, the user is taking onto a landing page, on which we demonstrate integration with our CMS via REST API by displaying Tips & Stories section.

After login, user is taken into the dashboard. When testing, use credentials user/user to get through Keycloak.

Technology Choice (Why we chose this framework)

We chose React SPA due to its ability to deliver highly interactive and fast-loading interfaces. React’s component-based architecture makes it easy to build reusable elements, which is crucial for building a dashboard that scales. Vite was selected for fast development and build times, making it ideal for rapid iteration during the development process.

React SPA serves as a great baseline framework. If there is no need for SEO or modularity, it might be a great fit for your project.

Features & Integrations

• UIKit: The app uses the UIKit for consistent UI components, ensuring a polished and cohesive design throughout.
• Keycloak: Integrated for secure authentication and authorization, enabling seamless user login and session management.
• Our CMS: Landing page displays content coming from our CMS, demonstrating the capability to communicita with microservices within the Demo environment.

(use user/user to login)