Vuex-app

The purpose of this Vue.js application is to show the use of vuex 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 Vuex-app.

npm install

npm run dev

Structure

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

Demo

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

2. 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