Nemesis-Developers / independence-day-wishes

Happy Independence Day Greeting Wishes image with Name - Happy Independence Day.

Independence Day Wish image with Name

⚡ Vitejs | ✨ Tailwind CSS | 📸 HTML Canvas | 🌩 Netlify Hosting

Happy Independence Day Greeting Wishes image with Name - Happy Independence Day Greeting image Generator.

Happy Independence Day India Greeting image Maker with Name

• Live Site - https://india.sanweb.info

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
• Netlify for Free Hosting - netlify deploy --prod --dir=dist
• Netlify Prerendering - https://docs.netlify.com/site-deploys/post-processing/prerendering/
• For Analytics I use umami - Remove it or Replace mine with your umami Analytics Script - https://github.com/umami-software/umami

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/independence-day-wishes
cd independence-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

• Deploy in Netlify production

bash deploy.sh

LICENSE ☑

MIT