Skip to main content

Overview

The Multi-Cloud Manager Dashboard provides a unified view of your cloud resources across Azure, AWS, and Google Cloud Platform. Access your dashboard immediately after authentication to get started with resource management.

Quick Access

Navigate to the dashboard from any page using the sidebar navigation:
// Dashboard route in App.js
<Route path="/dashboard" element={<Dashboard />} />

Dashboard Features

The dashboard serves as your central hub for:
  • Quick access to all cloud resources
  • Navigation to specific resource types
  • Account management across providers
  • Real-time resource monitoring
The sidebar provides quick access to all major features:
Menu ItemPurposeRoute
DashboardMain overview/dashboard
Virtual MachinesVirtual machines management/virtual-machines
ContainersContainer instances/containers
StorageStorage accounts and buckets/storage
NetworksVirtual networks and VPCs/networks
SubscriptionsSubscription management/subscriptions
AccountsAccount connections/accounts
The sidebar is implemented in Sidebar.js component with active state highlighting for current page navigation.

User Authentication

The dashboard is protected by authentication. Users must log in through one of the supported cloud providers:

Microsoft Azure

OAuth authentication via Microsoft identity platform

Google Cloud

OAuth authentication via Google Cloud Platform

AWS

Role-based authentication with ARN configuration

Getting Started Workflow

  1. Login - Authenticate using the Home page (Home.js)
    • Click “Zaloguj się przez Microsoft” for Azure
    • Click “Zaloguj się do GCP” for Google Cloud
    • Navigate to AWS connection page for Amazon services
  2. Dashboard Access - Upon successful authentication, you’re redirected to /dashboard
  3. Resource Management - Use the sidebar to navigate to specific resource types
  4. Multi-Cloud Operations - Manage resources across all connected cloud providers from a single interface

Session Management

The application maintains your authentication state:
// Session check in App.js
fetch("/api/user")
  .then((res) => res.json())
  .then((data) => setUser(data))

Logout Functionality

Access the logout button at the bottom of the sidebar to end your session securely across all connected cloud providers.

Next Steps

Multi-Cloud View

Learn about unified resource visibility

Resource Management

Explore resource creation and management

Build docs developers (and LLMs) love