<commit_before>[![Build Status](https://travis-ci.org/mamal72/react-github-components.svg?branch=master)](https://travis-ci.org/mamal72/react-github-components)
[![npm version](https://badge.fury.io/js/react-github-components.svg)](https://badge.fury.io/js/react-github-components)
# react-github-components
**react-github-components** is a set of react components for Github written by ES6 and ES7. It's a WIP and more components will be added.


# Screenshots

## GithubProfile

<p align='center'>
    <img src='https://github.com/mamal72/react-github-components/raw/master/screenshot2.png' />
</p>


# Installation

You can install this package via `npm`:

```bash
npm install react-github-components --save
```


# Components
## GithubProfile
Renders a simple Github user profile box with short useful info about the user.

```jsx
import React, { Component } from 'react';
import { GithubProfile } from 'react-github-components';

class Test extends Component {
  render() {
    return (
      <div>
        <GithubProfile username="mamal72" />
      </div>
    );
  }
}
```<commit_msg>fix screenshot address<commit_after>[![Build Status](https://travis-ci.org/mamal72/react-github-components.svg?branch=master)](https://travis-ci.org/mamal72/react-github-components)
[![npm version](https://badge.fury.io/js/react-github-components.svg)](https://badge.fury.io/js/react-github-components)
# react-github-components
**react-github-components** is a set of react components for Github written by ES6 and ES7. It's a WIP and more components will be added.


# Screenshots

## GithubProfile

<p align='center'>
    <img src='https://github.com/mamal72/react-github-components/raw/master/screenshots/GithubProfile.png' />
</p>


# Installation

You can install this package via `npm`:

```bash
npm install react-github-components --save
```


# Components
## GithubProfile
Renders a simple Github user profile box with short useful info about the user.

```jsx
import React, { Component } from 'react';
import { GithubProfile } from 'react-github-components';

class Test extends Component {
  render() {
    return (
      <div>
        <GithubProfile username="mamal72" />
      </div>
    );
  }
}
```
{'fraction_non_alphanumeric': 0.14480254198819792, 'fraction_numerical': 0.009532455742169769, 'mean_word_length': 4.125581395348838, 'pattern_counts': {'":': 0, '<': 15, '<?xml version=': 0, '>': 15, 'https://': 10, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1608731', 'n_tokens_mistral': 742, 'n_tokens_neox': 701, 'n_words': 170}