{"action":"created","issue":{"url":"https://api.github.com/repos/andela/mag-ah-frontend/issues/20","repository_url":"https://api.github.com/repos/andela/mag-ah-frontend","labels_url":"https://api.github.com/repos/andela/mag-ah-frontend/issues/20/labels{/name}","comments_url":"https://api.github.com/repos/andela/mag-ah-frontend/issues/20/comments","events_url":"https://api.github.com/repos/andela/mag-ah-frontend/issues/20/events","html_url":"https://github.com/andela/mag-ah-frontend/pull/20","id":375447583,"node_id":"MDExOlB1bGxSZXF1ZXN0MjI2ODg5MTY3","number":20,"title":"#159965272 Add pagination to articles displayed","user":{"login":"meshack-mbuvi","id":9263906,"node_id":"MDQ6VXNlcjkyNjM5MDY=","avatar_url":"https://avatars1.githubusercontent.com/u/9263906?v=4","gravatar_id":"","url":"https://api.github.com/users/meshack-mbuvi","html_url":"https://github.com/meshack-mbuvi","followers_url":"https://api.github.com/users/meshack-mbuvi/followers","following_url":"https://api.github.com/users/meshack-mbuvi/following{/other_user}","gists_url":"https://api.github.com/users/meshack-mbuvi/gists{/gist_id}","starred_url":"https://api.github.com/users/meshack-mbuvi/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/meshack-mbuvi/subscriptions","organizations_url":"https://api.github.com/users/meshack-mbuvi/orgs","repos_url":"https://api.github.com/users/meshack-mbuvi/repos","events_url":"https://api.github.com/users/meshack-mbuvi/events{/privacy}","received_events_url":"https://api.github.com/users/meshack-mbuvi/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2018-10-30T11:45:03Z","updated_at":"2018-10-30T15:35:54Z","closed_at":null,"author_association":"COLLABORATOR","pull_request":{"url":"https://api.github.com/repos/andela/mag-ah-frontend/pulls/20","html_url":"https://github.com/andela/mag-ah-frontend/pull/20","diff_url":"https://github.com/andela/mag-ah-frontend/pull/20.diff","patch_url":"https://github.com/andela/mag-ah-frontend/pull/20.patch"},"body":"#### What does this PR do?\r\n- Adds pagination to articles displayed for easier traversal\r\n\r\n#### Description of tasks to be completed\r\n- Create a component to display consecutive numbers for displaying page numbers.\r\n- Retrieve articles based on the page number clicked by users\r\n- Mark the page number clicked to be active\r\n\r\n#### How should this be manually tested?\r\n$ git clone https://github.com/andela/mag-ah-frontend.git\r\n$ git checkout ft-paginate-articles-159965272\r\n$ cd mag-ah-frontend\r\n$ npm install\r\n$ npm start\r\n- Navigate to http://localhost:3000\r\n- Scroll down and locate the page numbers below the articles\r\n- Click any page number and observe what happens; **the articles loaded should be for the page number you have clicked**.\r\n- Experiment with the buttons labeled **Previous** and **Next** too\r\n\r\n#### Any background context you want to provide?\r\nGood choices about data paging are an important part of design and development. Sometimes we need to get lists of data from the server, and sometimes these lists can be really long. Breaking lists up into smaller, discreet \"pages\" can reduce server overhead and improve response time.\r\nPagination helps one to load limited records and provide a way for users to view more data from the application. \r\n\r\n#### What are the relevant pivotal tracker stories?\r\n[Pagination support for articles](https://www.pivotaltracker.com/story/show/159965272)\r\n\r\n#### Screenshots (if appropriate)\r\n![image](https://user-images.githubusercontent.com/9263906/47716625-58348280-dc54-11e8-9966-eee2460d3651.png)\r\n"},"comment":{"url":"https://api.github.com/repos/andela/mag-ah-frontend/issues/comments/434350411","html_url":"https://github.com/andela/mag-ah-frontend/pull/20#issuecomment-434350411","issue_url":"https://api.github.com/repos/andela/mag-ah-frontend/issues/20","id":434350411,"node_id":"MDEyOklzc3VlQ29tbWVudDQzNDM1MDQxMQ==","user":{"login":"micahoriaso","id":20840601,"node_id":"MDQ6VXNlcjIwODQwNjAx","avatar_url":"https://avatars1.githubusercontent.com/u/20840601?v=4","gravatar_id":"","url":"https://api.github.com/users/micahoriaso","html_url":"https://github.com/micahoriaso","followers_url":"https://api.github.com/users/micahoriaso/followers","following_url":"https://api.github.com/users/micahoriaso/following{/other_user}","gists_url":"https://api.github.com/users/micahoriaso/gists{/gist_id}","starred_url":"https://api.github.com/users/micahoriaso/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/micahoriaso/subscriptions","organizations_url":"https://api.github.com/users/micahoriaso/orgs","repos_url":"https://api.github.com/users/micahoriaso/repos","events_url":"https://api.github.com/users/micahoriaso/events{/privacy}","received_events_url":"https://api.github.com/users/micahoriaso/received_events","type":"User","site_admin":false},"created_at":"2018-10-30T15:35:54Z","updated_at":"2018-10-30T15:35:54Z","author_association":"COLLABORATOR","body":"@kimotho-njoki  is the `npm install` issue specific to this PR?"}}
{"actor":{"display_login":"micahoriaso"}}