https://github.com/abhishekrawe/github-issue-ui-page

Responsive layout of Github's Issues page For data used in the image use the response data from React API
https://github.com/abhishekrawe/github-issue-ui-page

facebook-api github github-api react react-api reactjs

Last synced: 10 months ago
JSON representation

Responsive layout of Github's Issues page For data used in the image use the response data from React API

• Host: GitHub
• URL: https://github.com/abhishekrawe/github-issue-ui-page
• Owner: abhishekrawe
• Created: 2023-01-28T18:06:37.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2023-02-02T10:44:57.000Z (almost 3 years ago)
• Last Synced: 2025-02-09T19:44:52.979Z (12 months ago)
• Topics: facebook-api, github, github-api, react, react-api, reactjs
• Language: JavaScript
• Homepage: https://assignment-murex.vercel.app
• Size: 318 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


# ❄️Assignment

# 📌depolyed link  [here](https://assignment-murex.vercel.app/).

# 🐸Problem Statement 🐸

### 🤖GitHub Issues Page UI Development 

=> Make the responsive layout of Github's Issues page using React acc. to the attached image. 


=> For data used in the image use the response data from API "https://api.github.com/repos/facebook/react/issues" 


=> Add Infinite Scroll to allow navigating through the next page of issues

- For Running this repository on local 

- Frontend - cd to assignment > npm install > npm start

## 🃏Glimse of Project

### `web view `  

https://user-images.githubusercontent.com/65603830/215286581-54d19835-89ef-4406-b994-ddeb557b26ca.mp4

![image](https://user-images.githubusercontent.com/65603830/215288465-feab0e3c-8e52-4959-b9c9-e94874d98ef7.png)

![image](https://user-images.githubusercontent.com/65603830/215288490-5240f749-7a0b-485d-a624-1531a9c7e32e.png)

### `Mobile Responsive View`

![image](https://user-images.githubusercontent.com/65603830/215288523-cff29310-8e4b-4446-b351-7e833bd0e6c4.png)

![image](https://user-images.githubusercontent.com/65603830/215288538-262a9b40-5888-4a78-b18f-bd2224c97c4b.png)