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.
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:
- Collections
- Developers
- Analytics
- 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
- Shows the details of the developers in terms of their contributions to the observed repositories
- Overall contributions can be filtered according to different timelines
- 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.
-
Prior to starting the application, make a
.envfile 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.jsorsrc/data/users.jsand update the list accordingly.
In the project directory, you can run:
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.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent