React component to show your contributions calendar.
- Get GitHub's contributions calendar
- Collaboration with articles data of Qiita
- Specifiable a duration to show
- Changable the calendar's color
import React, { Component } from 'react';
import Contributions from 'react-contributions';
const COLORS = [
'#eee',
'#80e8ff',
'#66b9cc',
'#4c8b99',
'#335c66'
]
class App extends Component {
render() {
return (
<div className="App">
<Contributions GitHub="s4kr4" Qiita="s4kr4" to="2017-09-12" colors={COLORS} />
</div>
);
}
}| Props | Effects |
|---|---|
| GitHub (Required) | GitHub's username |
| Qiita | Qiita's username |
| to | The last day of the duration |
| colors | Array of Hex color code |
MIT