• Stars
    star
    632
  • Rank 71,124 (Top 2 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 4 years ago
  • Updated about 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

๐Ÿ˜„ Jokes for your GitHub READMEs

README Jokes

jokes GIF

Random programming jokes on your README.

GitHub deployments GitHub deployments GitHub issues

Usage

Endpoint URL: https://readme-jokes.vercel.app/api

Embed one of these in your README:

<!-- Markdown -->

![Jokes Card](https://readme-jokes.vercel.app/api)

or

<!-- HTML -->
<img src="https://readme-jokes.vercel.app/api" alt="Jokes Card" />

Customization Guide

Customize using ? after /api in the https link, example here with no borders using the hideBorder parameter.

Markdown method: ![Jokes Card](https://readme-jokes.vercel.app/api?hideBorder)

Image method: <img src="https://readme-jokes.vercel.app/api?hideBorder" alt="Jokes Card" />

Both methods will produce the following jokes card without border: Jokes Card
To use multiple parameters use '&' after the first parameter, e.g. ?hideBorder&theme=cobalt&qColor=%23944bcc&aColor=%23bbdb51

will produce a jokes card without border, with cobalt theme, answer color #944bcc and question color #bbdb51 like so:
Jokes Card

Parameters Available

  • bgColor โ†’ Background Color
  • borderColor โ†’ Border Color
  • qColor โ†’ Question Color
  • aColor โ†’ Answer Color
  • textColor โ†’ Normal text Color
  • codeColor โ†’ Code Color
  • hideBorder โ†’ Mention as a value-less parameter to hide boder
  • theme โ†’ Theme (Must be one of the following)
Click to see all available themes.
Theme Name Preview Image
default
gradientBlue
solidBlue
halloween
watermelon
pinkish
daySky
radical
merko
gruvbox
tokyonight
onedark
cobalt
synthwave
dracula
prussian
monokai
vue
vue-dark
nightowl
buefy
blue-green
algolia
darcula
bear
solarized-dark
solarized-light
gotham
material-palenight
graywhite
ayu-mirage
calm
flag-india
omni
react
blueberry
random

Note: Use URL-encoded # for color values i.e. %23
eg: #FFF will be %23FFF
Note: You can also use the URL parameters to customize the themes.
URL eg: https://readme-jokes.vercel.app/api?bgColor=%23073b4c&textColor=%2306d6a0&aColor=%2306d6a0&borderColor=%2306d6a0

Demo

Jokes Card

Jokes Card

Jokes Card

Known Issues

  • Not Mobile responsive. #3

Contributions

  • Fork this repository.
  • Deploy on your own Vercel instance.
  • See issues that need help.
  • Open a PR, if you solve something.
  • Got some idea? Just open an issue.

References


Feel free to ask any questions, open a PR if you feel something can be done differently!

๐ŸŒŸStar this repository๐ŸŒŸ

Created by Abhinav Sharma & Community | Deployed on Vercel

More Repositories

1

ABSphreak

:octocat: Hello there! This repository is for the welcome message on my Github Profile.
85
star
2

LoanApp

๐ŸŒฟ Home Loan Application - end to end, using Spring Boot, Hibernate and Oracle DB
CSS
12
star
3

wesbosJS30

๐Ÿณ Wesbos' JavaScript30 course codes, for JS practice.
HTML
6
star
4

mern-shopping-list

๐Ÿ›’ Full Stack MERN Shopping List Application ๐Ÿ™‰๐Ÿš„โš›๐Ÿ’š
JavaScript
5
star
5

abhinav.sh

:octocat: Personal Website
JavaScript
4
star
6

world_time_app

๐ŸŒ Learning flutter by creating this awesome app by โ†’ TheNetNinja
Dart
4
star
7

next-13-todo

โœ… NextJS 13 Todo App with PocketBase DB
CSS
4
star
8

pizza-cart

๐Ÿ• Pizza Cart App - Simple shopping cart app demonstrating React + Redux in action
JavaScript
4
star
9

screen-rec

๐Ÿ“น Simple screen recorder app in Electron :electron:
JavaScript
4
star
10

devLinks

๐Ÿฆ„ Important links that can help your development toolkit and enhance your skillset.
4
star
11

todo-teams

โœ… Todos with Team functionality in React
JavaScript
3
star
12

modern-auth

๐Ÿ” Modern Authentication system pattern
JavaScript
2
star
13

mern-auth

๐Ÿ” MERN authentication flow
JavaScript
2
star
14

color-palette

๐ŸŽจ Color Palette App
HTML
2
star
15

ABSphreak.github.io

๐Ÿ˜Ž Code for my Github hosted site.
PHP
2
star
16

LoanApp-UI

๐Ÿ“ Loan Application UI in basic HTML and CSS + a bit of JS
HTML
2
star
17

taskify

โœ… Taskify - Simple Kanban board, inspired by Notion
TypeScript
2
star
18

pizzahouse

A ๐Ÿ• pizza ordering service (CRUD) application in PHP's Laravel Framework
PHP
2
star
19

markdown-editor

Markdown editor with Electron :electron: & React โš›
JavaScript
2
star
20

storybooksApp

Node โ— Express โ— MongoDB โ— PassportJS
JavaScript
2
star
21

Spring-Hibernate-FAQs

๐Ÿ‘พ Spring and Hibernate FAQs - Feel free to fork it and make changes!
2
star
22

book-app

๐Ÿ“š BookApp is an app that gets information about books from a GraphQL backend
JavaScript
2
star
23

dev-blog

๐Ÿง‘๐Ÿปโ€๐Ÿ’ป Developer's Blog, for all the news in DevSpace. Built with NextJS
CSS
1
star
24

test-web

This is a test website that I created to test and learn Jekyll out.
HTML
1
star
25

exercise-app

Using โš›React and ๐Ÿ“Material UI for creating an Exercises App
JavaScript
1
star
26

ricky

:trollface: Ricky is my custom Discord bot.
JavaScript
1
star
27

DoneWithIt

โ™ป๏ธ Sell or buy the things you are no longer using.
JavaScript
1
star
28

uses

โš™ All my settings, software, tools and setup files in one place
1
star
29

wasm-basics

๐Ÿฆพ WASM basics
JavaScript
1
star
30

go-news-aggregator

๐Ÿ“ฐ A simple news aggregator in Go
Go
1
star
31

LoanApp-UI2

HTML
1
star
32

backroads-gatsby

๐Ÿš€ Backroads is a project in GatsbyJS to show off its fast page loading speed and image optimization techniques. Feel free to create a fork or clone the repo to test it out yourself.
JavaScript
1
star
33

scroll-pagination-react

JavaScript
1
star
34

explain-electronics

โšก This repository is about learning electronics from beginner โ†’ intermediate โ†’ advanced.
1
star
35

expense-tracker-app

๐Ÿ’ฐ Expense Tracker application with React Frontend and Node backend.
JavaScript
1
star
36

theme-toggler

๐Ÿ”ฅ theme toggler using JS and CSS
HTML
1
star
37

zoomcar-functionality-clone

JavaScript
1
star
38

redux-details

โ™ Understanding Redux state management library
1
star
39

tailwind-recipe-design

โœจ Learning TailwindCSS by making Recipe website design.
CSS
1
star
40

diagrams

๐Ÿ“ˆ Diagrams from draw.io
1
star
41

poketimes-blogsite

๐Ÿฉ Poketimes is a blog site template that is created from scratch in React โš›
JavaScript
1
star
42

fireship-nav

๐Ÿ”ฅ Fireship.io created this awesome sidebar that I was a fan of, so I recreated it to learn it.
HTML
1
star
43

quotes_app

โA quotes mobile app for practicing Flutterโž โ†’ by TheNetNinja
Dart
1
star