Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/zerosoul/github-social-image-generator

:hammer:generate github social image online!
https://github.com/zerosoul/github-social-image-generator

Last synced: 2 days ago
JSON representation

:hammer:generate github social image online!

Host: GitHub
URL: https://github.com/zerosoul/github-social-image-generator
Owner: zerosoul
Created: 2019-10-19T05:41:16.000Z (about 5 years ago)
Default Branch: master
Last Pushed: 2022-10-22T15:59:46.000Z (about 2 years ago)
Last Synced: 2024-08-03T21:03:28.130Z (3 months ago)
Language: JavaScript
Homepage: https://works.yangerxiao.com/github-social-image-generator/?repo=https://github.com/zerosoul/chinese-colors
Size: 8.55 MB
Stars: 41
Watchers: 2
Forks: 5
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

awesome-seeds - github-social-image-generator

README

        # Github Repo Social Image Generator

[中文文档](README.zh.md)

These is no tool to generate github repo social image, so I build one! 🌈🌈🌈

![demo](demo/demo.gif)

## Where you need the generated social image?

Github >> Settings 👇

![setting](demo/github.setting.png)

Social image example 👇

![example](demo/template.png)

Visit: [https://works.yangerxiao.com/github-social-image-generator/](https://works.yangerxiao.com/github-social-image-generator/?repo=https://github.com/zerosoul/github-social-image-generator). Input the github repo url, magic will happen automatically!

![star data loaded](demo/repo.png)

## Features

- Awesome texture backgroud image 🎉

- Custom fill backgroud color 🌈

- Edit the content as you like, including remove it! 🗑

- Download the result as PNG image to share! 🖼

- Mobile friendly 📱

![generate image result](demo/result.png)

## Thanks

- [Github API v4](https://developer.github.com/v4/)

- [apollo graphql](https://apollographql.com/docs/react/)

- [create-react-app](https://github.com/facebook/create-react-app)

- [react.js](https://reactjs.org)

- [react-color](https://github.com/casesandberg/react-color/)

- [antd](https://ant.design)

- [styled-components](https://styled-components.com): CSS-IN-JS Best Practice

- eslint + prettier: for better code

- husky + commitlint: for better git commit format

- Thanks the great Open Source

## Support

### Reward

![reward code](./src/assets/img/reward.jpg)