Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/mskian/independence-day-wishes

Happy Independence Day Greeting Wishes image with Name - Happy Independence Day.
https://github.com/mskian/independence-day-wishes

css happy-independence-day html htmlcanvas indepedence independence-day independence-day-app independence-day-india independence-day-wishes independencedayapp independent india javascript vite vitejs

Last synced: 8 days ago
JSON representation

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

Host: GitHub
URL: https://github.com/mskian/independence-day-wishes
Owner: mskian
License: mit
Created: 2022-08-08T08:14:03.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2024-10-28T01:40:29.000Z (19 days ago)
Last Synced: 2024-10-28T02:26:11.616Z (19 days ago)
Topics: css, happy-independence-day, html, htmlcanvas, indepedence, independence-day, independence-day-app, independence-day-india, independence-day-wishes, independencedayapp, independent, india, javascript, vite, vitejs
Language: JavaScript
Homepage: https://india.sanweb.info/
Size: 716 KB
Stars: 3
Watchers: 2
Forks: 2
Open Issues: 2
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# Independence Day Wish image with Name

[![build-script](https://github.com/mskian/independence-day-wishes/actions/workflows/build.yml/badge.svg)](https://github.com/mskian/independence-day-wishes/actions/workflows/build.yml) [![netlify-pages](https://github.com/mskian/independence-day-wishes/actions/workflows/deploy.yml/badge.svg)](https://github.com/mskian/independence-day-wishes/actions/workflows/deploy.yml)

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

## 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 -
- For Analytics I use umami - Remove it or Replace mine with your umami Analytics Script -

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

```sh
git clone https://github.com/mskian/independence-day-wishes
cd independence-day-wishes
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 in Netlify production

```sh
bash deploy.sh
```

## LICENSE ☑

MIT