Github Popular Repos

Overview

The Github Popular Repos project is a React application that displays popular GitHub repositories. It features language filters to view repositories based on the selected programming language. The app handles loading states and error states for better user experience.

Features

Fetches popular GitHub repositories based on selected programming languages.
Displays repositories in a card format with relevant details.
Handles loading state while fetching data.
Handles error state if data fetch fails.

Set Up Instructions

Clone the repository:

git clone https://github.com/SaiRamaKrishnaa/Github-Popular-Repos.git
cd Github-Popular-Repos

Install dependencies:
```
npm install
```
Start the application:
```
npm start
```

Functionalities

On initial load, fetches popular repositories with the default language filter set to ALL.
Displays a loader while fetching data.
Upon successful data fetch, displays the list of repositories.
On selecting a different language filter, fetches and displays repositories for the selected language.
Displays an error view if data fetch fails.

API Requests & Responses

Github Repos API

API: `https://apis.ccbp.in/popular-repos`

Example: `https://apis.ccbp.in/popular-repos?language=ALL`

Method: `GET`

Description:

Returns a response containing the list of popular repositories.

Response

{
  "popular_repos": [
    {
      "name": "freeCodeCamp",
      "id": 28457823,
      "issues_count": 154,
      "forks_count": 26651,
      "stars_count": 331304,
      "avatar_url": "https://avatars.githubusercontent.com/u/9892522?v=4"
    },
    ...
  ]
}