Projects

Github Finder

2022·1 min read

React
TypeScript
Tailwind CSS
CRA
LinkGitHub

A small React app that talks to the GitHub REST API: type a username, get a list of matching users, click through to a profile page with stats, links, and the user's latest repositories.

Search any GitHub user, browse their profile and public repos — built with React, Tailwind CSS, and DaisyUI.

🚀 Try it live →

A small React app that talks to the GitHub REST API: type a username, get a list of matching users, click through to a profile page with stats, links, and the user's latest repositories.

✨ Features

  • 🔍 Search GitHub users by username via the GitHub Search API
  • 👤 User profile page with avatar, bio, location, website, Twitter, and a "Hireable" badge when applicable
  • 📊 Stats panel — followers, following, public repos, and public gists
  • 📦 Latest repositories list with quick links back to GitHub
  • ⚠️ Inline alerts for empty searches (Alert Context)
  • 🧹 One-click "Clear" to reset search results
  • 🧭 Client-side routing with react-router v6 (Home / About / User / Not Found)
  • 🎨 DaisyUI components on top of Tailwind for cards, stats, badges, and buttons

🛠️ Tech Stack

  • Framework — React 18 (Create React App)
  • Routing — react-router-dom v6
  • State — React Context + useReducer (separate Github and Alert contexts)
  • HTTP — axios
  • Styling — Tailwind CSS + DaisyUI
  • Icons — react-icons
  • API — GitHub REST API (/search/users, /users/:login, /users/:login/repos)

🙌 Credits

Built by Mohamed Gado.

More projects

  • House Market Place2022 · React
  • Shopping Cart2022 · React
  • Goal Setter2022 · React
All projects