mskian / friendship-day-wishes

Free Happy Friendship Day Wishes image with Name - Friendship Day Greeting image Generator.

Friendship Day Wishes image with Name

⚡ Vitejs | ✨ Tailwind CSS | 📸 HTML Canvas | 🌩 Cloudflare Pages

Free Happy Friendship Day Wishes image with Name - Friendship Day Greeting image Generator.

Happy Friendship Greeting Generator

Methods Used ⚙

• HTML/CSS and Javascript
• HTML Canvas - Create Wish image
• tailwindcss - Front-end Styling
• Vitejs - Testing, Bundling and Local Server
• Eslint - Fix the Lint Error
• Prettier - Beautify the Code files
• Slugify - Slugify the User input and Convert to URL
• Cloudflare Pages for Free Hosting - npx wrangler pages publish dist --branch production

Installation 📦

• Add funtions, logic's and Modules - /lib/canva.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/friendship-day-wishes
friendship-day-wishes
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

LICENSE ☑

MIT