Github-User-Search-Dashboard

👤 GitHub Profile Viewer

React + GitHub API Integration App

---

📌 Overview

This is a frontend practice project built with React.js, developed during the early learning phase to understand API integration, state management, and dynamic UI rendering.

The application allows users to search GitHub profiles and fetch real-time user data using the GitHub REST API.

---

🚀 Key Features

• 🔍 Search GitHub users by username

• 👤 View profile details:

  • Profile picture
  • Name
  • Bio
  • Followers / Following
  • Public repositories
• 📂 Fetch real-time data from GitHub API
• ⚡ Instant UI updates based on input
• 📱 Responsive and simple UI design

---

🌐 API Used

• GitHub REST API https://api.github.com/users/{username}

---

🧠 Core Concept

• Consumes external REST API (GitHub API)
• Dynamically updates UI based on API response
• Uses React state management for live updates
• Handles asynchronous data fetching

---

🔄 System Flow

1. User enters GitHub username
2. API request is sent to GitHub
3. User data is fetched asynchronously
4. State is updated with response data
5. UI re-renders with profile information

---

⚙️ Tech Stack

• React.js
• JavaScript (ES6+)
• HTML5
• CSS3
• Fetch API / Axios

---

💡 What I Learned

• API integration in React
• Handling async requests and responses
• State and props management
• Component-based UI structure
• Dynamic rendering of external data

---

⚠️ Project Status

• 🟡 Beginner / Practice Project
• 📚 Built for learning React fundamentals
• ❌ Not production-level application

---

⭐ Summary

This project is a React-based GitHub profile viewer application focused on learning API integration, state management, and dynamic UI rendering using real-world data.

---