Skip to content

mskian/hashtag-generator

Repository files navigation

Hashtag Generator

build-script cloudflare-pages

⚡ Vitejs | ✨ Tailwind CSS | 🎩 Alpine.js | 🌩 Cloudflare Pages

Hashtag Generator - Convert Keywords to hashtag - Generate Hastag for your Facebook, instagram, Twitter and Telegram Posts.

Hashtag Generator - Convert Keywords to hashtag

Methods Used ⚙

  • HTML/CSS and Javascript
  • HTML Canvas - Create Wish image
  • Alpine.js - Javascript Magic
  • tailwindcss - Front-end Styling
  • Vitejs - Testing, Bundling and Local Server
  • Eslint - Fix the Lint Error
  • Prettier - Beautify the Code files
  • Progressive Web App (Soon)
  • Clipboard API - https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API
  • Cloudflare Pages for Hosting

Installation 📦

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

  • Edit Home page - index.html

  • CSS Styling - /styles/tailwind.css

  • Build file - main.js

  • Clone this repo or Download

git clone https://github.com/mskian/hashtag-generator
cd hashtag-generator
yarn install
  • Test the site
yarn dev
  • Build the site
yarn build
  • Test the production Build on Localhost
yarn preview
  • Build CSS
yarn css
  • Eslint Fix
yarn lintfix
  • Format the Code
yarn Format
  • Deploy to Cloudflare pages
npx wrangler pages publish dist --branch production --project-name=<YOUR-PROJECT-NAME> --commit-dirty=true

LICENSE ☑

MIT