✦ React GitHub Repo Radar

A practical React cockpit for searching GitHub repositories, reviewing open issues, checking contributor signals, and keeping a local shortlist.

✨ Idea

React GitHub Repo Radar helps you quickly evaluate public repositories: search projects with the GitHub Search API, inspect the selected repository, review fresh issues, see top contributors, topics, license, stars/forks, and save a shortlist in localStorage.

⚙️ Stack

• React 19 + TypeScript 6
• Vite 8
• Tailwind CSS 4 via @tailwindcss/vite
• Lucide React for icons
• GitHub REST API without API keys

🔌 API

The project uses public GitHub REST API endpoints:

• GET /search/repositories
• GET /repos/{owner}/{repo}/issues
• GET /repos/{owner}/{repo}/contributors

GitHub applies rate limits for unauthenticated requests, so frequent refreshes can temporarily return a 403 response.

📁 Project Structure

react-github-repo-radar/
|-- public/
|   `-- favicon.svg
|-- src/
|   |-- components/
|   |   |-- CommandBar.tsx
|   |   |-- ContributorStack.tsx
|   |   |-- EndpointDrawer.tsx
|   |   |-- IssueQueue.tsx
|   |   |-- MetricBadge.tsx
|   |   |-- RepoFilmstrip.tsx
|   |   |-- RepoHero.tsx
|   |   `-- SavedRepos.tsx
|   |-- lib/
|   |   |-- githubApi.ts
|   |   `-- savedRepos.ts
|   |-- App.tsx
|   |-- index.css
|   `-- main.tsx
|-- LICENSE
|-- package.json
|-- vercel.json
`-- README.md

🚀 Run

npm install
npm run dev

🧪 Checks

npm run lint
npm run build

▲ Deploy

📄 License

MIT License. See LICENSE.