Skip to content

UI to allow users to view all issues associated with their GitHub repositories in a single view

Notifications You must be signed in to change notification settings

M0nica/github-issue-tracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Netlify Status

GitHub Issue Tracker

This application allows users to re-order their GitHub issues in the UI.

screenshot of application

View app online at: https://github-issue-tracker-mvp.netlify.com/

Current Functionality

  • Allows users to view their GitHub issues after providing their GitHub API Key
  • Allows users to re-order their GitHub issues in UI (when viewing all issues)
  • Allows users to filter by repository when viewing issues
  • Uses Local Storage to persist issues and their ordered state (in unfiltered view)

Future Functionality to Implement

  • Increase test coverage
    • i.e., mock fetch
  • Make application look prettier and use Styled Components 💅
  • Modularize code more into more composable files (JS and CSS)
  • Add server-side rendering to improve SEO and have better performance
  • Create proper authorization flow that doesn’t require user providing their API Key in plain text
  • Fix bug 🐛 that doesn't allow issues to be re-ordered when in filtered view
  • Only display repositories on load and then load issues once a repository is selected
  • Improve error handling when provided with an invalid GitHub API key or rate-limited
  • Add Footer
  • Paginate through GitHub issues and repos in order to display more issues. Currently the app requests and displays. the last 100 OPEN issues for the last 100 repositories for a given user.
  • Allow option in UI to filter by type of issue (open, closed, etc.)
  • Allow option in UI to filter by assignee
  • Allow option in UI to assign a user to an issue
  • Allow option in UI to sort by newest or oldest issues
  • Make repository column sticky when the issues column is longer
  • Indicate in repository column which repository is selected
  • Allow multiple repositories to be selected (without viewing all issues)

Instructions for Developing

  1. Install dependencies in the root with yarn .
  2. Run development version of app locally at http://localhost:3000 with yarn start
  3. Run yarn test to run unit tests

Instructions for Deploying

  • Run yarn build in order to create a production version of the application in the /build directory.

About

UI to allow users to view all issues associated with their GitHub repositories in a single view

Resources

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published