Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/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.
https://github.com/mskian/quotes-image-generator
css html javascript quote-generator quote-generator-app quotes quotes-app quotes-application quotes-generator rollup tailwind tailwindcss
Last synced: about 2 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/mskian/quotes-image-generator
- Owner: mskian
- License: mit
- Created: 2022-07-20T12:40:46.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-08T02:17:44.000Z (9 months ago)
- Last Synced: 2024-04-13T23:05:25.184Z (9 months ago)
- Topics: css, html, javascript, quote-generator, quote-generator-app, quotes, quotes-app, quotes-application, quotes-generator, rollup, tailwind, tailwindcss
- Language: JavaScript
- Homepage: https://create.kavithai.site/
- Size: 1.87 MB
- Stars: 4
- Watchers: 2
- Forks: 1
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Tamil Quotes image Generator
[](https://github.com/mskian/quotes-image-generator/actions/workflows/build.yml) [](https://github.com/mskian/quotes-image-generator/actions/workflows/deploy.yml)
⚡ 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
```sh
git clone https://github.com/mskian/quotes-image-generator
quotes-image-generator
yarn install
```
- Test the site
```sh
yarn dev
```
- Build the site
```sh
yarn build
```
- Test the production Build on Localhost
```sh
yarn start
```
- Build CSS
```sh
yarn css
```
- Eslint Fix
```sh
yarn lintfix
```
- Format the Code
```sh
yarn Format
```
## Tools
Generate Icons
```sh
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