Skip to content

Latest commit

 

History

History
51 lines (28 loc) · 1.47 KB

README.md

File metadata and controls

51 lines (28 loc) · 1.47 KB
Raw

Ngrx-app

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.

Features

  • 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

Prerequisites

Node.js: https://nodejs.org/en/

Install & Run

Use the node package manager npm to install and run Ngrx-app.

npm install

ng serve

Structure

Application contains five components which are using and communicating across the same store. Store is normalized and modularized.

alt text

Demo

  1. Getting data from GitHub, displaying and filtering by developers alt text

  2. Manipulating with commits (selecting, changing author and parent commits, deleting) alt text

*note: while changing author, developer is selected from the dropdown, but it is not visible on the gif