Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/soumwadeep/contributed-repo-finder

A Web App To Find And Explore Repositories Where A GitHub User Has Made Contributions.
https://github.com/soumwadeep/contributed-repo-finder

axios css3 github-api reactjs

Last synced: about 1 month ago
JSON representation

A Web App To Find And Explore Repositories Where A GitHub User Has Made Contributions.

Host: GitHub
URL: https://github.com/soumwadeep/contributed-repo-finder
Owner: soumwadeep
Created: 2023-07-14T01:42:10.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2023-08-02T23:56:20.000Z (over 1 year ago)
Last Synced: 2024-05-01T16:45:54.622Z (8 months ago)
Topics: axios, css3, github-api, reactjs
Language: JavaScript
Homepage: https://find.soumwadeepguha.com/
Size: 115 KB
Stars: 2
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Contributed Repo Finder

Welcome to Contributed Repo Finder, a React application that allows you to fetch and explore the contributed repositories of a GitHub user. With this app, you can easily discover the repositories and their details with just a few clicks.

## Features

- Enter the GitHub username in the input field and click on "Fetch" to retrieve the contributed repositories.
- Each repository card displays the name(which is linked to that repo url), description, number of stars, and number of forks.
- Use the pagination buttons to navigate through the repositories. Click the "Previous(<)" button to go to the previous page, and the "Next(>)" button to move to the next page.
- Use Search New User button to search for another user.
- A sticky "Back to Top(⏏)" button appears when you scroll down, allowing you to quickly return to the top of the page.

## Getting Started

To run the Contributed Repo Finder locally, follow these steps:

1. Clone the repository:

```bash
git clone https://github.com/soumwadeep/contributed-repo-finder.git
```

2. Install the dependencies:

```bash
cd contributed-repo-finder
npm install
```

5. Start the development server:

```bash
npm run dev
```

6. Open your browser and navigate to `http://localhost:5173` to access the Contributed Repo Finder.

## Technologies Used

- React
- Axios
- CSS

## Screenshots

### Home:
![image](https://github.com/soumwadeep/Contributed-Repo-Finder/assets/69720515/99fd3881-3a0c-4f23-aafa-f9c13c2876a2)

### After Search:
![image](https://github.com/soumwadeep/Contributed-Repo-Finder/assets/69720515/d88008a3-b734-4e60-b734-f5942842c5c6)

### Pagination , Search New & Back To Top Button:
![image](https://github.com/soumwadeep/Contributed-Repo-Finder/assets/69720515/9f12362c-173b-490a-8e38-c173d451b335)

## Acknowledgments

- [GitHub API](https://docs.github.com/en/rest)

---