https://github.com/vishwagauravin/github-receipt
Generate a receipt-style summary of your GitHub profile. Showcase your repositories, stars, and contributions in a unique, receipt-style summary. It's the perfect way to visualize your GitHub journey and celebrate your coding milestones.
https://github.com/vishwagauravin/github-receipt
contribution contributions github github-profile github-receipt profile receipt
Last synced: 10 months ago
JSON representation
Generate a receipt-style summary of your GitHub profile. Showcase your repositories, stars, and contributions in a unique, receipt-style summary. It's the perfect way to visualize your GitHub journey and celebrate your coding milestones.
- Host: GitHub
- URL: https://github.com/vishwagauravin/github-receipt
- Owner: VishwaGauravIn
- License: agpl-3.0
- Created: 2024-11-19T20:12:21.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2024-11-19T21:07:26.000Z (about 1 year ago)
- Last Synced: 2025-04-05T22:28:21.722Z (10 months ago)
- Topics: contribution, contributions, github, github-profile, github-receipt, profile, receipt
- Language: TypeScript
- Homepage: https://gitreceipt.itsvg.in
- Size: 305 KB
- Stars: 8
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# GitHub Receipt Generator
Generate a receipt-style summary of your GitHub profile. Showcase your repositories, stars, and contributions in a unique, receipt-style summary. It's the perfect way to visualize your GitHub journey and celebrate your coding milestones.
## Table of Contents
- [Features](#features)
- [Usage](#usage)
- [Technologies Used](#technologies-used)
- [Contributing](#contributing)
- [License](#license)
## Features
- Generate a visually appealing receipt-style summary of a GitHub user's profile
- Display key GitHub statistics including:
- Repositories count
- Stars earned
- Repo forks
- Followers and following count
- Top programming languages
- Commits in the last 30 days
- Contribution score
- Realistic receipt design with tear-off edges and a barcode
- Dark mode toggle
- Download receipt as an image
- Share receipt directly from the application
## Usage
1. Enter a GitHub username in the input field.
2. Click the "Generate" button or press Enter.
3. View the generated GitHub receipt.
4. Use the "Download" button to save the receipt as an image.
5. Use the "Share" button to share the receipt directly (on supported devices).
## Technologies Used
- Next.js
- React
- TypeScript
- Tailwind CSS
- shadcn/ui
- html2canvas
- jsbarcode
## Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
1. Fork the repository
2. Create your feature branch (`git checkout -b feature/AmazingFeature`)
3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
## License
This project is licensed under the GNU License.
---
Setup
This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
## Getting Started
First, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
## Learn More
To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
## Deploy on Vercel
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.