Skip to content

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

License

Notifications You must be signed in to change notification settings

prafulla-codes/Git-Widget

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

29 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

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