sosumit001 / github-insights

github-insights-card is a React component library that simplifies the integration of GitHub user information into web applications. It provides an intuitive and customizable interface for displaying essential GitHub data

github-insights-card

React component library that simplifies the integration of GitHub user information into web applications. Display followers, repositories, and their links effortlessly, providing an intuitive interface for GitHub data exploration and utilization.

Installation

Install the package using npm:

npm install github-insights-card

quick example

props	value
theme	"Default", "DarkKnight", "EmeraldGreen", "PastelDreams", "SereneMeadow", "GolderBreeze"
width	min "290px" default
username	add github username

Here's an example of how to use the GithubProfileCard component in your React application:

import { GithubProfileCard } from "github-insights-card";

const GihubProfile = () => {
  return (
    <div>
      <GithubProfileCard
        username="GithutUserName"
        theme="default"
        width="380px" // (default value is 290px)
      />
    </div>
  );
};

##
export default GitubProfile;

customize on web

for testing purpose follow this repo, this is react website where you can create features for the library [Test Lib on me 😀]

Environment Variables

If you would like to contribute to this project, you'll need a GitHub access token. Create an access token named GITHUB_ACCESS_TOKEN , which you can find in GitHub developer settings

demo Link

[demo on web]