mskian / 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.

Tamil Quotes image Generator

⚡ 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