Transform your GitHub profile into a sleek, receipt-style image showcasing your stats and top repositories. Perfect for developers who love to quantify their achievements!
- Generate a receipt-style image of GitHub user profiles
- Display key GitHub stats (followers, following, public repos)
- Show top 5 repositories by star count
- Dark mode support
- Downloadable receipt as a PNG image
- Clone the repository:
git clone https://github.com/themrsami/github-receipt-generator.git
- Navigate to the project directory:
cd github-receipt-generator
- Install dependencies:
pnpm install
- Start the development server:
pnpm dev --turbo
- Open http://localhost:3000 in your browser to see the application.
- Enter a GitHub username in the input field.
- Click the "Generate Receipt" button.
- View the generated receipt with the user's GitHub stats and top repositories.
- Click the "Download Receipt" button to save the receipt as a PNG image.
-
app/: Contains the main application files -
layout.tsx: Root layout component -
page.tsx: Main page component -
components/: Reusable React components -
footer.tsx: Footer component -
hero.tsx: Hero section component -
mode-toggle.tsx: Dark mode toggle component -
navbar.tsx: Navigation bar component -
receipt-generator.tsx: Main receipt generator component -
receipt.tsx: Receipt display and download component -
theme-provider.tsx: Theme provider for dark mode support -
public/: Static assets
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is open source and available under the MIT License.
Usama Nazir - @themrsami
Project Link: Github Receipt Generator
Made with ❤️ by Usama