Skip to content

MAZahid96/github-finder

Repository files navigation

GitHub Profile Finder

A web app to search any GitHub user and view their profile and repositories — built with React, TypeScript and Tailwind CSS.

Live Demo

View Live App

Features

  • Search any GitHub username
  • View profile — avatar, bio, location, join date
  • Stats — repositories, followers, following
  • Latest 6 repositories with language badges, stars and forks
  • Press Enter or click Search to query
  • Error handling for invalid usernames
  • Fully responsive design

Tech Stack

Technology Purpose
React 18 UI components and state management
TypeScript Type safety and interfaces
Tailwind CSS Styling and responsive design
Vite Build tool and dev server
GitHub REST API Live user and repository data

Key Concepts Demonstrated

  • React functional components
  • useState hook for state management
  • Async/await for API calls
  • fetch API for HTTP requests
  • TypeScript interfaces for API response typing
  • Loading states and error handling
  • Conditional rendering

Getting Started

git clone git@github.com:MAZahid96/github-finder.git
cd github-finder
npm install
npm run dev

Open http://localhost:5173 in your browser.

Author

Muhammad Abid Zahid — MSc Media Technology, TU Ilmenau
LinkedIn | GitHub

About

Search any GitHub user and view their profile and repositories, built with React, TypeScript and Tailwind CSS

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors