https://github.com/ivan-corporation/github-repository-metrics

This simple and small react component can check your repository stars and change theme on light/dark 🔎
https://github.com/ivan-corporation/github-repository-metrics

api component github npm-package react scss stargazers-count stars

Last synced: 3 months ago
JSON representation

This simple and small react component can check your repository stars and change theme on light/dark 🔎

• Host: GitHub
• URL: https://github.com/ivan-corporation/github-repository-metrics
• Owner: Ivan-Corporation
• License: mit
• Created: 2022-02-08T08:25:02.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2022-06-25T11:01:19.000Z (almost 3 years ago)
• Last Synced: 2025-01-18T22:06:57.976Z (5 months ago)
• Topics: api, component, github, npm-package, react, scss, stargazers-count, stars
• Language: TypeScript
• Homepage: https://codesandbox.io/s/github-repository-metrics-lx5juo
• Size: 1.09 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![NPM](https://img.shields.io/npm/v/repository-metrics.svg)](https://www.npmjs.com/package/repository-metrics)

[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

![NPM](https://img.shields.io/npm/l/repository-metrics)

![npm](https://img.shields.io/npm/dm/repository-metrics)

![GitHub stars](https://img.shields.io/github/stars/Ivan-Corporation/github-repository-metrics?style=social)

![npm bundle size](https://img.shields.io/bundlephobia/minzip/repository-metrics)

# Repository metrics for ```react``` ![image](https://user-images.githubusercontent.com/58357980/163430798-92917757-e75e-446e-ae15-6526b62b6c1a.png)

## This beauty and easy ``(4KB)`` react component can help you ``add metrics`` to your repositories also you can ```change component theme on light/dark```

----

## Install:

```bash

npm i repository-metrics

---

yarn add repository-metrics

```

## Usage:

```jsx

// don't forget change props

import { RepositoryMetrics } from 'repository-metrics';

const App = () => {

  return (

    


      


      

    

  );

};

```


## Examples:

---





## Check demo here:

### https://komolio.netlify.app/projects

---

## Props:

| props  | required | default  | description |

| ------------- | ------------- | ------------- | ------------- |

| owner(string)| yes | - | your github account username |

| repo(string) | yes | - | your repository name|

| theme(string) | yes | - | theme for component (light/dark) |

https://www.npmjs.com/package/repository-metrics