I Demoed is a hackathon badge showcase service in SVG and raster format, which can easily be included in GitHub readmes or any other webpage. The service supports badge generation from a user's Devpost activity and custom specified badges. With the prevalence of virtual hackathons, this service provides a way for the hackathon community to continue collecting the hexagon "I Demoed" stickers prominent in MLH events.
https://idemoed.vercel.app/api/wall?username=<USERNAME>&limit=<LIMIT>&level=<LEVEL>&events=<EVENTS>&pr=<PR>&size=<SIZE>&type=<TYPE>&placeholder=<PLACEHOLDER>
Just https://idemoed.vercel.app/api/wall?username=<USERNAME> is enough to generate a hex-tiled showcase based on a user's Devpost username. Detailed documentation on each query parameter can be found on the website.
In Markdown: 
In HTML: <img src="https://idemoed.vercel.app/api/wall?username=<USERNAME>"/>
I Demoed is a community project. Improving the service by submitting badges and improving features is appreciated. Want hackers to showcase your hackathon event badge or want to add past events you participated in? Start an issue or open a pull request to expand the badge database!
Devpost Hackathons
If your hackathon is on Devpost, visit the issue page, select New issue > Submit Devpost Badge and provide the following information.
- Badge Image: PNG image of a hexagon sticker with correct dimensions (minimum 181x209)
- Devpost Link: Link to event on Devpost (e.g. tamuhack2020.devpost.com)
Other Hackathons/Events
If your hackathon does not use Devpost but would still like users to showcase the badge, visit the issue page, select New issue > Submit Other Badge with the following information. Badges added using this method will not be automatically matched through devpost usernames and will need to be manually specified in the events parameter.
- Badge Image: PNG image of a hexagon sticker with correct dimensions (minimum 181x209)
- name: Name of event
- id: Will be used as identifier and as image name (
<id>.png). A good convention iseventnameYYYY.png, for examplemyhackathon2020.png.idmust not already exist in/public/badges/alt - description: Optional description of event
- url: Optional event link
- First, make sure you're the owner of the hexagon you are submitting!
- Fork this repo
- Next step depends on your hackathon platform
Devpost Hackathons
Place your event badge PNG image in /public/badges/devpost with the image name as <event_name>.png corresponding to the event URL on Devpost <event_name>.devpost.com. If your event's Devpost URL is tamuhack2020.devpost.com, your badge should be named tamuhack2020.png
Other Hackathons/Events
If your hackathon does not use Devpost,
- Place your event badge PNG image in
/public/badges/altwith the image name as<id>.png. A good convention iseventnameYYYY.png, for examplemyhackathon2020.png. - Add a new metadata file named
<id>.jsonin/public/badges/alt_metawith the template below.
{
"name": "Event name",
"id":
"Will be used as identifier and as image name (<id>.png). Must not already exist in /public/badges/alt",
"description": "Optional description of event",
"url": "Optional event link"
}
idmust be unique in/alt!
Make sure id only has lowercase letters, numbers and hyphens. Remove any optional fields you aren't using, and make sure the last field doesn't have a trailing comma at the end of it.
Then make a pull request to this repo. Use the devpost badge label or other badge label as necessary.
- Clone this repository
- Install packages with
npm i - Start development server with
npm run build - Open pull request
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent