The purpose of this Angular application is to show the use of ngrx library for better state management. The application retrieves data from a specific GitHub repository and allows their visualization and manipulation.
- Get last 30 commits from default branch for a specified repository
- List all the developers that contributed and filter commits by setting developer as active or inactive
- Display developers contribution (%) by using Pie Chart (Donut)
- Display all the fetched commits by using unidirected Graph
- Manipulate with selected commit by changing its author and parent nodes
- Deleting selected commit
Node.js: https://nodejs.org/en/
Use the node package manager npm to install and run Ngrx-app.
npm install
ng serve
Application contains five components which are using and communicating across the same store. Store is normalized and modularized.
-
Getting data from GitHub, displaying and filtering by developers
-
Manipulating with commits (selecting, changing author and parent commits, deleting)
*note: while changing author, developer is selected from the dropdown, but it is not visible on the gif