react-profile-component/README.md

Profile Components library

# react-profile-component

[![Stable Release](https://img.shields.io/npm/v/react-profile-component.svg)](https://npm.im/react-profile-component)
[![Blazing Fast](https://badgen.now.sh/badge/speed/blazing%20%F0%9F%94%A5/green)](https://npm.im/react-profile-component)
[![gzip size](http://img.badgesize.io/https://unpkg.com/react-profile-component@latest/dist/index.js?compression=gzip)](https://unpkg.com/react-profile-component@latest/dist/index.js)
[![downloads](https://badgen.net/npm/dt/react-profile-component)](https://npm.im/react-profile-component)
[![license](https://badgen.now.sh/badge/license/MIT)](./LICENSE)
<a href="https://github.com/pranesh-link/react-profile-component"><img alt="GitHub Actions status" src="https://github.com/pranesh-link/react-profile-component/workflows/Build/badge.svg"></a>

React profile component can be used to display different sections of your Profile/ Portfolio page using a configurable data approach.

## Getting started

```bash
npm install --save react-profile-component
```

or

```bash
yarn add react-profile-component
```

[React Profile component usage](https://github.com/pranesh-link/react-profile-component/tree/master/src/demo/ProfilePage.tsx)

## Profile Page

<img src="https://profile-jsons.pranesh.link/images/profile-screenshot.png" />