https://github.com/bocaletto-luca/steak-stats-svg-generator
Streak Stats SVG Generator is a web tool that creates custom GitHub streak SVGs. Enter your GitHub username to generate a personalized SVG showcasing your activity. Built with HTML, CSS, and JavaScript, it fetches data via the GitHub API. Open-source and easy to use, it provides a quick way to visualize your GitHub streak. By Bocaletto Luca
https://github.com/bocaletto-luca/steak-stats-svg-generator
bocaletto-luca bug-fix-steak bug-fix-steak-stats css3 generator github github-stats gplv3 html-css-javascript html5 javscript online opensource responsive stats streak streak-stats svg webapp
Last synced: about 2 months ago
JSON representation
Streak Stats SVG Generator is a web tool that creates custom GitHub streak SVGs. Enter your GitHub username to generate a personalized SVG showcasing your activity. Built with HTML, CSS, and JavaScript, it fetches data via the GitHub API. Open-source and easy to use, it provides a quick way to visualize your GitHub streak. By Bocaletto Luca
- Host: GitHub
- URL: https://github.com/bocaletto-luca/steak-stats-svg-generator
- Owner: bocaletto-luca
- License: gpl-3.0
- Created: 2025-06-21T12:39:18.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-07-19T12:11:04.000Z (3 months ago)
- Last Synced: 2025-07-19T16:53:31.352Z (3 months ago)
- Topics: bocaletto-luca, bug-fix-steak, bug-fix-steak-stats, css3, generator, github, github-stats, gplv3, html-css-javascript, html5, javscript, online, opensource, responsive, stats, streak, streak-stats, svg, webapp
- Language: HTML
- Homepage: https://bocaletto-luca.github.io/
- Size: 75.2 KB
- Stars: 6
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Streak Stats SVG Generator for Github
#### Author: Bocaletto Luca
A simple, client-side web application that generates a custom GitHub streak SVG based on a user-provided username. No API calls, tokens, or installations are required. Just enter your GitHub username and download a ready-to-use SVG to showcase your GitHub streak.
[](https://bocaletto-luca.github.io/Steak-Stats-SVG-Generator/)
in github server no work for limitation github, install in your server
Please Try in you server Web.
## Features
- **Client-Side Generation:** All processing is done in the browser using simple HTML, CSS, and JavaScript.
- **Customizable Template:** Instantly generates an SVG with your GitHub username embedded in the design.
- **Downloadable Output:** Easily download the generated SVG file for inclusion in your GitHub profile or any project.
- **No External Dependencies:** No need for tokens, API integrations, or backend setups.
## Demo
Open the application by visiting the [GitHub Pages live demo](https://.github.io/steak-stats-svg-generator/) (replace with your actual GitHub Pages URL) or simply run the `index.html` file locally.
## Usage
1. Open `index.html` in a modern web browser.
2. Enter your GitHub username in the input field provided.
3. Click the **Generate SVG** button to preview your custom SVG.
4. Click the **Download SVG** button to save the file as `steak-stats.svg` on your computer.
5. Embed the SVG in your README by using the following Markdown code:
```markdown
```
## Installation
No installation is needed. To get started locally, clone the repository and open the `index.html` file in your preferred web browser:
```bash
git clone https://github.com//steak-stats-svg-generator.git
```
## File Structure
```
steak-stats-svg-generator/
├── index.html # Main web page with the SVG generator application.
├── README.md # Project documentation.
└── assets/ # (Optional) Folder for any additional assets.
```
## Contributing
Contributions are welcome! If you have suggestions, improvements, or bug fixes, please open an issue or submit a pull request.
## License
This project is licensed under the GPL License. See the [LICENSE](LICENSE) file for details.
## Author
**bocaletto-luca**
GitHub: [bocaletto-luca](https://github.com/bocaletto-luca)