prafulla-codes / Git-Widget

Showcase your projects on their official websites/blogs. πŸ‘¨β€πŸ’»πŸ‘©β€πŸ’»

Home Page:https://git-widget.netlify.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Git Widget

NPM Downloads NPM Version Contributions

Showcase your projects on their official websites/blogs. πŸ‘¨β€πŸ’»πŸ‘©β€πŸ’»

A Detailed timeline of contributions done on your project. πŸ’–

Codepen - https://codepen.io/Prafulla1998/pen/OJVNzxP

Screenshot of the Git Widget

Installation & Usage

You can install git-widget using two ways.

1 - Using Script

    <git-widget data-projectid="Pika1998/CYOMS"></git-widget>
    <!-- Place script tag before the end of the body tag -->
    <script src="https://unpkg.com/git-widget@1.0.0/dist/card.component.mjs" type="module"></script>

2 - As NPM Module

This can be used in React, Vue and almost any other frontend framework

npm install --save git-widget

Inside your framework component

import 'git-widget'

Attributes

attributes description default
data-projectid < Your Github UserID > / < Project you want to showcase>
data-width Width of the card 400px
data-height Height of the card 500px

Changelog

RELEASES

Contribution

Feel free to contribute to git widget, checkout CONTRIBUTING.md

About

Showcase your projects on their official websites/blogs. πŸ‘¨β€πŸ’»πŸ‘©β€πŸ’»

https://git-widget.netlify.com

License:MIT License


Languages

Language:JavaScript 96.3%Language:HTML 3.7%