jamesmogambi / github-issue-tracker

Progressive web app for viewing issues from the github.com. Built with react, redux, redux-thunk and webpack.

Github-issue-tracker

Progressive web app for viewing repository issues from the github.com.

Table of contents

• Description
• Live Demo
• Screenshots
• Technologies
• Setup
• Features
• App Info

Description

Github-issue-tracker Application is a Progressive web app for viewing repository issues from the github.com. Built with react, redux, redux-thunk and webpack. The web communicates with Github GRAPHQL API to fetch and display user repositories and issues.

Live Demo

Here is a working live demo : live

Screenshots

Index

Repos Page

Issues Page

Issue Detail Page

Technologies

• Technologies used:

  • React 15.6 - for displaying UI components
  • Redux 3.7 - predictable state container for managing application state
  • Webpack 3.1 - module bundler for this application
  • Express 4.1 - middleware is used to handle requests, routes
  • Jest 20.0 - testing framework for Javascript codebase, specifically React for this application.
  • Enzyme 2.9 - JavaScript Testing utility for React that makes it easier to test your React Components' output.

  Setup

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer.

Clone repo

Run the following scripts in the terminal to clone the repo

$ git clone [e-mail]:jamesmogambi/github-issue-tracker.git
$ cd github-issue-tracker

---

Add a .env.development file in root folder with the following

Obtain your personal access token from : github.com

{
    "GITHUB_ACCESS_TOKEN": "<your_github_access_token>",
 }

Install dependencies

npm install

Run App

npm run dev-server

Runs the app in the development mode.
The page will reload if you make edits.

Run Tests

npm run test --watch

Launches the test runner in the interactive watch mode.

Build for production

npm run build-prod

Test production before deploy

After running a build 👆, run the following script...

npm run start

Deploy to Heroku

To deploy the build to Heroku run the following script...

npm run heroku-postbuild

Features

List of features:

• Search user repositories
• View user repositories
• View Repository Issues
• Search/Filter issues by title
• View issue details
• View repository tags

To-do List:

• Add filter issue by state,date

App Info

Author

James Mogambi James Mogambi

Version

2.0.0

License

This project is licensed under the MIT License