Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/mskian/diwali-wishes-tamil

Send Diwali Name Wishes in tamil - Diwali Wishes in Tamil Greeting card Image - Happy Diwali Wishes.
https://github.com/mskian/diwali-wishes-tamil

canvas css diwali diwali-greetings diwali-script festival festival-app html javascript tamil vite vitejs wishes

Last synced: 7 days ago
JSON representation

Send Diwali Name Wishes in tamil - Diwali Wishes in Tamil Greeting card Image - Happy Diwali Wishes.

Awesome Lists containing this project

README

        

# Diwali Wishes image in Tamil

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

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

Send Diwali Name Wishes in Tamil - Diwali Wishes in Tamil Greeting card Image - Happy Diwali Wishes.

Happy Diwali Greeting Generator - Create Happy Diwali Greeting Wishes with your Name - Diwali Wishes in Tamil.

> Happy Diwali Wishes Greeting image Maker with Name | Diwali image Maker | Diwali Greeting Generator

- 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 Tracking I use Google Analytics v4 and Umami - Remove it or Replace mine with your Analytics ID

## 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/diwali-wishes-tamil
cd diwali-wishes-tamil
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