/html-quote-generator

Simple HTML quote generator. Get random quotes, select background and text color and download.

Primary LanguageHTML

Simple HTML Quote Generator (View Demo)

A very simple HTML Quote Generator where you can randomly generate a quote and download it into a png image file. It's using vanilla javscript and html2canvas, a script that converts html elements into an image file.

Tools used:

  • HTML/CSS/Javascript
  • html2canvas - a free javascript script that allows you to take “screenshots” of a webpage or html elements.
  • Free Quotes API by type.fit (https://type.fit/api/quotes)

How to run project:

1. Clone the repo:

git clone https://github.com/jingerdev/html-quote-generator.git

2. Open the file /html-quote-generator/src/index.html in a browser. That's it.