https://github.com/roy7077/github-profile-extractor
A React-based web application that fetches and displays GitHub user profile information and their repositories. Enter a GitHub username to view details like followers, following, repository count, and repository details including name, description, and topics.
https://github.com/roy7077/github-profile-extractor
css github-config githubapi javascript react reactjs
Last synced: about 1 year ago
JSON representation
A React-based web application that fetches and displays GitHub user profile information and their repositories. Enter a GitHub username to view details like followers, following, repository count, and repository details including name, description, and topics.
- Host: GitHub
- URL: https://github.com/roy7077/github-profile-extractor
- Owner: roy7077
- Created: 2024-06-26T17:22:55.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-26T17:31:48.000Z (almost 2 years ago)
- Last Synced: 2025-01-17T13:29:11.093Z (about 1 year ago)
- Topics: css, github-config, githubapi, javascript, react, reactjs
- Language: JavaScript
- Homepage: https://github-profile-extractor.vercel.app
- Size: 184 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# GitHub Profile and Repositories Viewer
This project is a simple web application built with React that allows users to view GitHub profiles and their repositories. It fetches data from the GitHub API to display profile information and lists repositories for a given GitHub user.
## Features
- Display GitHub user profile information.
- List repositories of a GitHub user with repository name, description, and topics.
## Technologies Used
- React
- react-router-dom for routing
- GitHub REST API for fetching user and repository data
## Getting Started
To get a local copy up and running follow these steps.
### Prerequisites
- Node.js and npm installed on your machine.
### Installation
1. **Clone the repository**
```
git clone https://github.com/roy7077/Github-profile-extractor
```
3. **Navigate into the project directory**
```
cd github-profile-extractor
```
4. **Install NPM packages**
```
npm install
```
5. **Running the Application**
-- Start the development server
```
npm start
```
6. **Open your browser and navigate to**
```
http://localhost:3000
```
7. **Usage**
Enter a GitHub username in the input field to view their profile information and repositories.
Press Enter or click the "View Repositories" button to fetch and display repositories.