Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mskian/hashtag-generator

Hashtag Generator - Convert Keywords to hashtag - Generate Hastag for your Facebook, instagram, Twitter and Telegram Posts.
https://github.com/mskian/hashtag-generator

alpinejs css generator hashtag hashtag-generator hashtags html javascript regex vite vitejs

Last synced: 7 days ago
JSON representation

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

Awesome Lists containing this project

README

        

# Hashtag Generator

[![build-script](https://github.com/mskian/hashtag-generator/actions/workflows/build.yml/badge.svg)](https://github.com/mskian/hashtag-generator/actions/workflows/build.yml) [![cloudflare-pages](https://github.com/mskian/hashtag-generator/actions/workflows/deploy.yml/badge.svg)](https://github.com/mskian/hashtag-generator/actions/workflows/deploy.yml)

⚡ 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

- Live Site -

## 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 -
- 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

```sh
git clone https://github.com/mskian/hashtag-generator
cd hashtag-generator
yarn install
```

- Test the site

```sh
yarn dev
```

- Build the site

```sh
yarn build
```

- Test the production Build on Localhost

```sh
yarn preview
```

- Build CSS

```sh
yarn css
```

- Eslint Fix

```sh
yarn lintfix
```

- Format the Code

```sh
yarn Format
```

- Deploy to Cloudflare pages

```sh
npx wrangler pages publish dist --branch production --project-name= --commit-dirty=true
```

## LICENSE ☑

MIT