Skip to content

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.

License

Notifications You must be signed in to change notification settings

mskian/quotes-image-generator

Folders and files

NameName
Last commit message
Last commit date
Jan 27, 2025
May 21, 2023
May 21, 2023
Aug 11, 2022
Jul 20, 2022
Jul 20, 2022
Jul 22, 2022
Jul 20, 2022
Jul 22, 2022
Jul 22, 2022
Jul 20, 2022
Sep 12, 2023
Jul 28, 2022
Jan 27, 2025
Jul 22, 2022
Jul 10, 2023
May 21, 2023
Jul 22, 2022
Jan 27, 2025

Repository files navigation

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