issue-explorer

A simple Vue.js web application that displays issues of a given Github repositary.

Features Implmented:

Smooth transistion from home page to issue page with animation
Cover the case of an error fetching the results
- Case 1: Invalid repo/Repo not found
- Case 2: No issues in the repo
Allow users to be able to share states via URLs to other users so that they can view results without searching!
Slight change to design to make it look more modern (instead of X sign, I added a home button on the nav bar)
Labels are truncated in case it is too long. Hovering over the labels will popup tooltip that has the full name of the label
Add link to issues/pull request on each card so users can refer to the issue on Github easily

Logic for sorting issues:

Issues that are closed take precedence over pull request (if case is closed and there's a pr for the repo, only the closed icon will show up in the card)
Issues that are open and has an active pull request will have a pull request icon show up on the card
Issues that are open and has no active pull request will not have any icon on the card (to indicate it is an open case)

Project setup

npm install

npm run serve

Use this command to run the project on localhost

npm run build

npm run lint