repocard

GitHub Repo Card Generator

GitHub Repo Card Generator is a feature-rich application designed for effortlessly creating SVG cards that showcase GitHub repositories.

Repository cards can be generated using the user interface and entering the GitHub username and repository name.
The card colors can be customized by clicking on the color pickers and selecting a color.

The generated SVG card will be displayed along with BBCode, HTML, and Markdown quick copy codes for embedding the card.

Features

• Generates SVG cards for GitHub repositories with customizable colors and options
• Lightweight responsive UI with quick copy codes (BBCode, HTML, Markdown) for embedding the output SVG card
• Configurable cache supported by SQLite
• Optionally limits the number of requests per hour to the GitHub API

Screenshots

Setup

Local Setup

1. Clone the repository

git clone https://github.com/yourusername/github-repo-card-generator.git

1. Install dependencies

   npm install
   

2. Rename .env.example in the root directory to .env add your GitHub token and configuration:

GITHUB_TOKEN=your_github_token

1. Start the server

   npm start
   

The server will start running at http://localhost:3000.

Usage

Navigate to http://localhost:3000 in your web browser (or your public URL if configured). Enter the GitHub username and repository name in the provided fields, customize the card colors if desired, and click “Generate” to generate an SVG card for the repository.

The generated SVG card will be displayed along with BBCode, HTML, and Markdown quick copy codes for embedding the card.

The repository must be public.

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

Creative Commons Attribution Share Alike 4.0 International

This site is open source. Improve this page.