Skip to content

Latest commit

 

History

History
75 lines (51 loc) · 1.55 KB

README.md

File metadata and controls

75 lines (51 loc) · 1.55 KB

Friendship Day Wishes image with Name

build-script cloudflare-pages

⚡ 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