justjais / ansible-github-metrics

A web app to show all the details of the managed repo of ansible networking team

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Ansible Github Metrics

The application provides a dashboard in terms of factual metrics system for the github projects managed by Ansible Networking Team that helps the team to stay on track with the projects.

Features

The application collects information about a Github repositories (and org.) along with the developers of the team, and aggregates the data across all projects into a single user interface.

Namely, there are 3 routes:

  1. Collections
  2. Developers
  3. Analytics

Collections

  • Shows tables for issues and pull requests and allows user to sort and filter data with a date ranges
  • Displays collection insight in terms of number of issues opened/closed and number of PRs opened/closed/merged
  • Provides details of Releases and Tags

Developers

  • Shows the details of the developers in terms of their contributions to the observed repositories
  • Overall contributions can be filtered according to different timelines

Analytics

  • Displays graphical representations of various Key Performance Indicators (KPIs) of the observed repositories (based on the latest data)
  • Graphs are interactive in nature and thus dynamic filters can be applied

Note:

This project is bootstrapped with Create React App and designed with flavours of Ant Design.

How to use

  • Prior to starting the application, make a .env file and provide the github token and graphql endpoint

  • To add repositories and developers of interest or to modify the existing list hop on to src/data/repositories.js or src/data/users.js and update the list accordingly.

In the project directory, you can run:

npm start

This runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

About

A web app to show all the details of the managed repo of ansible networking team


Languages

Language:JavaScript 85.3%Language:CSS 13.1%Language:HTML 1.6%