/quotes-image-generator

Free Tamil Quotes Generator and Kavithai image Generator - Easy to use Just like Writing in Paper - Just add kavithai or Quotes Choose a Background Color and Generate your image.

Primary LanguageJavaScriptMIT LicenseMIT

Tamil Quotes image Generator

build-script cloudflare-pages

⚡ Rollupjs | ✨ Tailwind CSS | 📸 HTML Canvas | 🎩 Alpine.js | 🌩 Cloudflare Pages

Free Tamil Quotes Generator and Kavithai image Generator - Easy to use Just like Writing in Paper - Just add kavithai or Quotes Choose a Background Color and Generate your image.

Tamil Quotes image Maker - Tamil Quotes Application

Methods Used âš™

  • HTML/CSS and Javascript
  • HTML Canvas - Create Wish image
  • Alpine.js - Javascript Magic
  • Tailwindcss - Front-end Styling
  • rollup - Minify and Bundled the JS file
  • Node http-server - Test the Site Locally
  • Eslint - Fix the Lint Error
  • Prettier - Beautify the Code files
  • Slugify - Slugify the User input and Convert to URL
  • Progressive Web App
  • Cloudflare Pages for Hosting - npx wrangler pages deploy public --branch production

Installation 📦

  • Add funtions, logic's and Modules - /lib/maker.js

  • Edit Home page - /public/index.html

  • CSS Styling - /styles/tailwind.css

  • Build file - index.js

  • Clone this repo or Download

git clone https://github.com/mskian/quotes-image-generator
quotes-image-generator
yarn install
  • Test the site
yarn dev
  • Build the site
yarn build
  • Test the production Build on Localhost
yarn start
  • Build CSS
yarn css
  • Eslint Fix
yarn lintfix
  • Format the Code
yarn Format

Tools

Generate Icons

npx pwa-asset-generator Icon-512.png --opaque false --type png -f -c
npx pwa-asset-generator Icon-512.png --opaque false --icon-only --favicon --type png

LICENSE ☑

MIT