/Github-Cards-API

Github readme cards api

Primary LanguageJavaScript

Github-Cards-Api

How to use

Visit endpoint url for all available cards and available options for each card
Endpoint URL: https://github-cards.onrender.com

Embed one of these in your README:

<!-- Markdown -->

![Card](https://github-cards.onrender.com/any_card_name)

OR

<!-- HTML -->
<img src="https://github-cards.onrender.com/any_card_name" alt="Card" />

List of card names currently available

Available Cards Example Preview
jokes-card ![Card](https://github-cards.onrender.com/jokes-card?theme=dark) Card
programming-quotes-card ![Card](https://github-cards.onrender.com/programming-quotes-card) Card
motivational-quotes-card ![Card](https://github-cards.onrender.com/motivational-quotes-card) Card
word-of-the-day-card ![Card](https://github-cards.onrender.com/word-of-the-day-card) Card
challenge-of-the-week-card ![Card](https://github-cards.onrender.com/challenge-of-the-week-card) Card
team-work-quote-card ![Card](https://github-cards.onrender.com/team-work-quote-card) Card
bhagavad-geeta-card ![Card](https://github-cards.onrender.com/bhagavad-geeta-card) Card
random-card ![Card](https://github-cards.onrender.com/random-card) Card
programming-facts-card ![Card](https://github-cards.onrender.com/programming-facts-card?theme=dark) Card

Available Themes List

  1. light
  2. dark
  3. dark_2
  4. rgb
  5. lemonade
  6. pattern_1
  7. pattern_2
  8. pattern_3
  9. random - Any random theme will we applied
  10. custom - You can set your custom arguments

Custom Theme Arguments

args: {
    card_color: "Card color. Default: #ffffff  [Optional]",
    font_color: "Card text color. Default: #000000  [Optional]",
    bg_color: "Card Background color. Default: #fff  [Optional]",
    shadow: "Card shadow. Default: false  [Optional]",
    shadow_color: "Card shadow color. Default: #000000  [Optional]",
},

Themes Example

  • Light Theme Card
    Card

  • Dark Theme Card
    Card

  • Dark_2 Theme Card
    Card

  • Rgb Theme Card
    Card

  • Lemonade Theme Card
    Card

  • Pattern_1 Theme Card
    Card

  • Pattern_2 Theme Card
    Card

  • Pattern_3 Theme Card
    Card

For More Visit

https://github-cards.onrender.com/

How to contribute

Add new card

  1. Fork this repository.
  2. Add your card in src/cards directory, you can take the refrence from already added cards.
  3. Add any data file inside data directory that your card will use. (Languages Support: Hindi & English)
  4. Add route of your card in index.js file.
  5. Add your card api refrence inside in src/help.js file and also in README.md file.
  6. Create pull request.
  7. Note: Data file must have arounf 100 entries minimum.

Add new theme

  1. Fork this repository.
  2. If you want to add gradient background then add your gradient code in src/gradients.js file.

    Take refrence from already added gradients.

  3. Add your theme name in the src/themes.js file.

    Theme name should be unique and should be in the second last position of the array.

  4. Create your theme in src/themes.js file.

    Take refrence from already added themes.

  5. Add your theme api refrence inside in src/help.js file and also in README.md file.