Progressive web app for viewing repository issues from the github.com.
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.
Here is a working live demo : live
-
Technologies used:
React
15.6 - for displaying UI componentsRedux
3.7 - predictable state container for managing application stateWebpack
3.1 - module bundler for this applicationExpress
4.1 - middleware is used to handle requests, routesJest
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.
To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer.
Run the following scripts in the terminal to clone the repo
$ git clone git@github.com:jamesmogambi/github-issue-tracker.git
$ cd github-issue-tracker
Obtain your personal access token from : github.com
{
"GITHUB_ACCESS_TOKEN": "<your_github_access_token>",
}
npm install
npm run dev-server
Runs the app in the development mode.
The page will reload if you make edits.
npm run test --watch
Launches the test runner in the interactive watch mode.
npm run build-prod
After running a build 👆, run the following script...
npm run start
To deploy the build to Heroku run the following script...
npm run heroku-postbuild
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
James Mogambi James Mogambi
2.0.0
This project is licensed under the MIT License