Skip to content

rajaNayak123/GitHubUserFinder

Repository files navigation

GitHub User Finder 🔍

A responsive and interactive web application built with React.js that allows users to search for GitHub profiles and view detailed information about them. The app fetches real-time data from the GitHub Users API and presents it in a clean, user-friendly interface.

🚀 Features

1. 🔎 Live Search Bar

  • Positioned at the top of the page.
  • Users can type a GitHub username to search.
  • Fetches and displays matching GitHub users as you type using the GitHub API.

2. 👥 User List Display

  • Dynamically displays a list of users based on the current search query.
  • Each user card shows:
    • Profile picture
    • Username
    • A clickable link/button to view more details

3. 📄 User Details View

  • On clicking a user card, detailed information is shown, including:
    • Full Name (if available)
    • Bio
    • Number of Public Repositories
    • Followers and Following count
    • Link to GitHub Profile

🛠️ Tech Stack

📦 Installation

  1. Clone the repository:
      git clone https://github.com/yourusername/github-user-finder.git
      cd github-user-finder

2 Install dependencies:

   npm install

3 Run the development server:

 npm start

🌐 Live Demo

The application is currently deployed and can be accessed at: 🔗 Live Demo

📸 Screenshots

Include a few UI screenshots here to showcase the app.

Screenshot 2025-04-22 at 9 55 18 AM Screenshot 2025-04-22 at 11 12 27 AM

🧑‍💻 Author

Made with ❤️ by Raja Nayak

Want to integrate this into a bigger app like a customer support system, team chat, or AI chatbot? I'm happy to help.

Releases

No releases published

Packages

No packages published