Skip to content

Simple React.js application that uses redux library for state management

Notifications You must be signed in to change notification settings

ArsenijeD/redux-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Redux-app

The purpose of this React.js application is to show the use of redux 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 Redux-app.

npm install

npm start

Structure

Application contains five containers(smart components) which are using and communicating across the same store. Also, there are two stateless components(dumb components) whose only purpose is to render reusable UI. 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

About

Simple React.js application that uses redux library for state management

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published