DEV Community

YOGESHWARAN R
YOGESHWARAN R

Posted on

API to generate web series Quote images

Logo

Web Series Quotes Api

Api for Quotes of various web-series. Api automatically generate quotes with background image. Api also returns the Quotes and its author as json.

Github Repo

URL

This API is currently hosted on Heroku.

https://web-series-quotes.herokuapp.com
Enter fullscreen mode Exit fullscreen mode

Features

Parameters of Endpoints

https://web-series-quotes.herokuapp.com/generate/{image or blank}
Enter fullscreen mode Exit fullscreen mode
  • Use endpoint image for image as background
  • Use endpoint blank for the colored background
Endpoint Parameter Explanation
image
  • src
  • text
  • color
  • size
  • Source of the image
  • Text in image if you use own text
  • Color of the image
  • Font Size
blank
  • fore
  • back
  • text
  • x
  • y
  • Foreground color(Font-color)
  • Background color
  • Text in image if you use own text
  • Width of the image
  • Height of the image

Generating Quotes with in-build images

You can easily generate the quote images using in-build images. Uses the name of the image in the src parameter in the endpoint. Use colors from here.

Parameters:

  • src
  • size
  • color

Endpoint:

/generate/{series_name}/{quote_id}/image?src={name_of_image}&size={font_size}&color={font_color}
Enter fullscreen mode Exit fullscreen mode

Example:

https://web-series-quotes.herokuapp.com/generate/breakingbad/1/image?src=breakingbad&size=150&color=pink
Enter fullscreen mode Exit fullscreen mode

image

Generating Quotes with your own images

If you don't like the in-build images. You can use your own images as src parameter. You can provide the link of the image in src parameter.

Parameters:

  • src
  • size
  • color

Endpoint:

/generate/{series_name}/{quote_id}/image?src={url_of_your_image}&color={font_color}&size={font_size}
Enter fullscreen mode Exit fullscreen mode

Example:

https://web-series-quotes.herokuapp.com/generate/moneyheist/5/image?src=https://www.gstatic.com/webp/gallery/3.png&color=yellow&size=100
Enter fullscreen mode Exit fullscreen mode

image

Generating Quotes with blank colored Background

No images, Don't worry you can use color as an image background with custom width and height.

Parameters:

  • fore
  • back
  • size
  • x
  • y

Endpoint:

/generate/{series_name}/{quote_id}/blank?fore={foreground}&back={background}&size={font_size}&x={width}&y={height}
Enter fullscreen mode Exit fullscreen mode

Example:

https://web-series-quotes.herokuapp.com/generate/dark/25/blank?fore=black&back=yellow&size=300&x=3000&y=2000
Enter fullscreen mode Exit fullscreen mode

image

Generating Quote of your own quote and image

If you don't like any quotes, you can use your own text and own images or any custom colored backgrounds.

Parameters:

  • fore
  • back
  • size
  • x
  • y

Endpoint:

/generate/image?src={url_of_image}&color={font_color}&size={font_size}&text={your_text}&x={width}&y={height}
Enter fullscreen mode Exit fullscreen mode

Example:

https://web-series-quotes.herokuapp.com/generate/image?src=https://www.gstatic.com/webp/gallery/1.png&color=yellow&size=100&text=Hello+world
Enter fullscreen mode Exit fullscreen mode

image

Thank You

Top comments (0)