Integrate JSON Data into Dashboard

[acmjec]

Description:
Integrate the backend-provided JSON data into the dashboard to display repository contributions. The sample JSON contains repo_name, issues, and pulls information.

Tasks:

1. Data Integration:

   • Parse and display repo_name and contributions (issues, pulls) from the JSON.
   • Handle cases where issues or pulls are null (show "No contributions available").

2. UI Enhancements:

   • Display issue details (title, state, created date, updated date).
   • Add clickable links to issues using html_url.

3. Error Handling:

   • Manage any parsing errors gracefully and show user-friendly messages.

Acceptance Criteria:

• Dashboard should correctly show the information.
• Handle cases where contributions are absent.
• Responsive and consistent UI.

This is the sample data update backend is ready:

  {
    "contributions": {
      "issues": null,
      "pulls": null
    },
    "repo_name": "Hacktoberfest_2024-Android_Plant_Detection"
  },
  {
    "contributions": {
      "issues": null,
      "pulls": null
    },
    "repo_name": "hacktoberfest2022"
  },
  {
    "contributions": {
      "issues": null,
      "pulls": null
    },
    "repo_name": "Hacktoberfest_2023-Android_7_Min_Workout"
  },
  {
    "contributions": {
      "issues": null,
      "pulls": null
    },
    "repo_name": "coding"
  },
  {
    "contributions": {
      "issues": null,
      "pulls": null
    },
    "repo_name": "Hacktoberfest2023-Web-Development"
  },
  {
    "contributions": {
      "issues": null,
      "pulls": null
    },
    "repo_name": "Competitive_Coding_Hacktoberfest2023"
  },
  {
    "contributions": {
      "issues": null,
      "pulls": null
    },
    "repo_name": "dsa"
  },
  {
    "contributions": {
      "issues": null,
      "pulls": null
    },
    "repo_name": "hacktoberfest2021"
  },
  {
    "contributions": {
      "issues": null,
      "pulls": null
    },
    "repo_name": "acmjec"
  },
  {
    "contributions": {
      "issues": [
        {
          "created_at": "2023-10-21T22:46:00Z",
          "html_url": "https://github.com/acmjec/acmjec-website-hacktoberfest2023/issues/51",
          "number": 51,
          "state": "closed",
          "title": "Bug : Duplication of Landing Page",
          "updated_at": "2023-10-26T16:43:15Z"
        },
        {
          "created_at": "2023-10-08T13:20:26Z",
          "html_url": "https://github.com/acmjec/acmjec-website-hacktoberfest2023/issues/6",
          "number": 6,
          "state": "closed",
          "title": "[Refactor] Readme.md",
          "updated_at": "2023-10-13T17:45:13Z"
        },
        {
          "created_at": "2023-10-08T11:44:21Z",
          "html_url": "https://github.com/acmjec/acmjec-website-hacktoberfest2023/issues/5",
          "number": 5,
          "state": "open",
          "title": "[chore/task] Add issue and Pull request templates",
          "updated_at": "2023-10-21T22:13:59Z"
        }
      ],
      "pulls": null
    },
    "repo_name": "acmjec-website-hacktoberfest2023"
  }
]

[nikhilsingh1010]

Do we have to do something like this ? if any other changes are required kindly tell me ,assign me this if its correct.

[chetankhandait]

Do we have to do something like this ? if any other changes are required kindly tell me ,assign me this if its correct.

Yes that's correct you have to optimize little for other part of the dashboard like pull request count in the stats

[chetankhandait]

I'm assigning this to you

[bishwathakur]

I'm assigning this to you

I have worked on this issue, please refer to my pull request and accept it.

[bishwathakur]

/assign