https://github.com/biswadeep-roy/github-card-search

GitHub User Card Search is a React application that allows users to search for a GitHub username and view relevant information about the user along with a list of their repositories.
https://github.com/biswadeep-roy/github-card-search

css html javascript nodejs react reactjs

Last synced: 3 days ago
JSON representation

GitHub User Card Search is a React application that allows users to search for a GitHub username and view relevant information about the user along with a list of their repositories.

• Host: GitHub
• URL: https://github.com/biswadeep-roy/github-card-search
• Owner: biswadeep-roy
• Created: 2023-12-20T14:36:02.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-27T12:29:37.000Z (about 1 year ago)
• Last Synced: 2024-11-08T10:26:39.892Z (about 2 months ago)
• Topics: css, html, javascript, nodejs, react, reactjs
• Language: JavaScript
• Homepage:
• Size: 208 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# GitHub User Search

GitHub User Search is a React component designed to help users explore GitHub profiles seamlessly. It provides a comprehensive view of user details, repositories, and additional statistics, enhancing the GitHub experience.

## Features

- **User Profile Card:** Display user information such as name, bio, followers, following, and public repositories..

- **Repository Information:** List repositories owned by the user.

- **Additional Statistics:** Offer additional insights like total stars, total forks, and the most used programming languages across all repositories.

## Getting Started

1. **Clone the repository:**

   ```bash

   git clone https://github.com/your-username/your-repo.git

    ```

2. Install dependencies:

   ```bash

   npm install

   ```

4. Run the application:

   ```bash

   npm start

    ```

5. Open your browser:

  Go to http://localhost:3000 to view the app.

### Usage

Search for a GitHub username:

Enter a GitHub username in the search bar and click "Search."

Explore the user profile:

View the user profile card, repository list, and additional statistics.

### Technologies Used

React: Built with the React library for building user interfaces.

Axios: Used for making HTTP requests to the GitHub API.

### Contributing

Contributions are welcome! If you find any issues or have suggestions for improvement, feel free to create an issue or submit a pull request.

### License

This project is licensed under the MIT License - see the LICENSE.md file for details.

### Acknowledgments

Inspired by the desire to explore GitHub profiles and repositories in a simple and interactive way.