RepoPulse

RepoPulse is a clean GitHub profile activity dashboard built with React, Vite, Tailwind CSS and the GitHub REST API. Search any GitHub username to see recent repositories, stars, forks, top languages and a shareable developer profile card.

Features

• Search GitHub users by username
• Display recent public repositories
• Show stars, forks, language and last update per repo
• Compute total stars, forks and top languages
• Generate a polished developer profile card
• Export the profile card as PNG
• Light/dark mode toggle
• Responsive glassmorphism UI
• SEO-ready metadata and README
• Tested with Vitest + Testing Library

Demo workflow

npm install
npm run dev

Open the local URL printed by Vite, then search for a username like octocat or ArthureCodage.

Scripts

npm test      # unit + UI tests
npm run lint  # oxlint
npm run build # production build
npm run check # test + lint + build

Tech stack

• React 19
• Vite 8
• TypeScript
• Tailwind CSS v3
• GitHub REST API
• html-to-image for PNG export
• Lucide React icons
• Vitest + Testing Library

Project structure

src/
  App.tsx              # Main dashboard UI
  lib/github.ts        # GitHub REST API integration
  lib/stats.ts         # Repo sorting, language stats, formatting
  lib/types.ts         # Shared TypeScript types
  *.test.ts(x)         # TDD coverage for API, helpers and UI

SEO keywords

GitHub dashboard, GitHub profile analyzer, repository dashboard, developer portfolio, GitHub REST API integration, React GitHub app, Vite portfolio project, Tailwind dashboard, GitHub stats card, repo activity tracker, developer profile card.

Roadmap

• GitHub Pages deployment
• Compare two GitHub profiles
• Organization dashboard mode
• Contribution graph visualization
• JSON export for portfolio widgets

License

MIT — see LICENSE.