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

quotes-image-generator's Issues

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Awaiting Schedule

These updates are awaiting their schedule. Click on a checkbox to get an update now.

• chore(deps): update actions/checkout action to v4.1.6

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• chore(deps): replace dependency rollup-plugin-terser with @rollup/plugin-terser ^0.1.0

Detected dependencies

github-actions

.github/workflows/build.yml

• actions/checkout v4.1.5
• actions/cache v4.0.2
• actions/setup-node v4.0.2

.github/workflows/deploy.yml

• actions/checkout v4.1.5
• actions/cache v4.0.2
• actions/setup-node v4.0.2

npm

package.json

• alpinejs ^3.13.10
• html2canvas ^1.4.1
• sanitize-html ^2.13.0
• toastify-js ^1.12.0
• @rollup/plugin-commonjs ^25.0.7
• @rollup/plugin-json ^6.1.0
• @rollup/plugin-node-resolve ^15.2.3
• @rollup/plugin-replace ^5.0.5
• @tailwindcss/forms ^0.5.7
• autoprefixer ^10.4.19
• eslint ^9.2.0
• http-server ^14.1.1
• postcss ^8.4.38
• prettier ^3.2.5
• rollup ^4.17.2
• rollup-plugin-livereload ^2.0.5
• rollup-plugin-terser ^7.0.2
• tailwindcss ^3.4.3

---

• Check this box to trigger a request for Renovate to run again on this repository

Action Required: Fix Renovate Configuration

There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.

Location: renovate.json
Error type: The renovate configuration file contains some invalid settings
Message: Invalid configuration option: node