@portal-dx/plugin-tech-dashboard NPM

@portal-dx/plugin-tech-dashboard

Welcome to the tech-dashboard plugin!

This plugin presents tech metrics from inside MadeiraMadeira and PortalDX, such as repository creation patterns, quantity of technical debts, incident count and the Q&A plugin consume, seeking data from New Relic, Github and Jira

This plugin was created through the Backstage CLI

Requirements

Backstage Project;
Node.js v18.17.1
You will also need the backend plugin tech-dashboard-backend

Use

Access the folder /packages/app and run the following command

yarn add @portal-dx/plugin-tech-dashboard

On App.tsx:

import { TechDashboardPage } from '@portal-dx/plugin-tech-dashboard';

[...]

const routes = (
  <FlatRoutes>
  [...]
    <Route path="/tech-dashboard" element={<TechDashboardPage />} />
  [...]
  </FlatRoutes>
);

On HomePage.tsx or any other page:

import { TechDashboardWidget } from '@portal-dx/plugin-tech-dashboard';

 [...]

 export const HomePage = () => {
    return (
    [...]
    <Grid container>
      <Grid item xs={12} md={12}>
        <Box style={{ marginBottom: 25 }}>
          <TechDashboardWidget />
        </Box>
      </Grid>
    </Grid>
    );
 };

Developed with ❤️ by the MadeiraMadeira DX Team