Days on github

homepage

An API endpoint that provides an image of a GitHub contribution graph in various colors.

The graph is developed using React, converted to HTML, then transformed into an image, served using Next.js. The images are cached in Vercel blob store for one day. The initial request may be slow, but subsequent requests will be quicker.

example

API

v2

https://happy.apiki.me/v2/username/[username]

Search Params

Tone

Change the color of the GitHub contribution graph.

options

'slate', 'zinc', 'neutral', 'stone', 'red', 'orange', 'amber', 'yellow', 'lime', 'green', 'emerald', 'teal', 'cyan', 'sky', 'blue', 'indigo', 'violet', 'purple', 'fuchsia', 'pink', 'rose'

example

https://happy.apiki.me/v2/username/PikiLee?tone=yellow

Include

Show name, avatar, days-on-github text or all of them in the image.

Options

'name', 'avatar', 'daysOnGithubText'

example

https://happy.apiki.me/v2/username/PikiLee?include=name https://happy.apiki.me/v2/username/PikiLee?include=name,avatar,daysOnGithubText

Environment Variables

  1. GITHUB_CLIENT_TOKEN: github token
  2. BLOB_READ_WRITE_TOKEN: vercel blob read-write token

Development

Install Dependencies:

pnpm install

Develop Graph

pnpm dev:graph

Develop Next js

pnpm dev