https://github.com/udoy2/github-user-explorer

🚀 React app to fetch and display GitHub user details. 🔍 Explore profiles effortlessly!
https://github.com/udoy2/github-user-explorer

api reactjs vite

Last synced: 6 days ago
JSON representation

🚀 React app to fetch and display GitHub user details. 🔍 Explore profiles effortlessly!

• Host: GitHub
• URL: https://github.com/udoy2/github-user-explorer
• Owner: Udoy2
• Created: 2024-08-03T11:55:02.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-08-03T14:12:01.000Z (4 months ago)
• Last Synced: 2024-08-03T15:29:19.812Z (4 months ago)
• Topics: api, reactjs, vite
• Language: JavaScript
• Homepage:
• Size: 824 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


# 🚀 GitHub User Explorer

🚀 React app to fetch and display GitHub user details. 🔍 Explore profiles effortlessly!

## Overview

GitHub User Explorer is a React application designed to fetch and display GitHub user details. It provides an effortless way to explore profiles, showcasing key information from GitHub users.

## Features

- Search for GitHub users by username

- Display user details including avatar, bio, and repositories

- Effortless and user-friendly interface

## Screenshots

![Screenshot 1](https://github.com/Udoy2/GitHub-User-Explorer/blob/main/public/screenshot1.png)

*Home Page - Search for a GitHub user by username*

![Screenshot 2](https://github.com/Udoy2/GitHub-User-Explorer/blob/main/public/screenshot2.png)

*User Details Page - Display user information and repositories*

## Getting Started

To get a local copy up and running follow these simple steps.

### Prerequisites

Make sure you have [Node.js](https://nodejs.org/) installed.

### Installation

1. Clone the repo

   ```sh

   git clone https://github.com/Udoy2/GitHub-User-Explorer.git

   ```

2. Install NPM packages

   ```sh

   npm install

   ```

3. Start the development server

   ```sh

   npm run dev

   ```

## Usage

1. Press Load button it will show 10 user list.

2. By clicking each use you can see their details.

## Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.

1. Fork the Project

2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)

3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)

4. Push to the Branch (`git push origin feature/AmazingFeature`)

5. Open a Pull Request

## License

Distributed under the MIT License. See `LICENSE` for more information.