https://github.com/1weiho/icygang-product-card

A product card image generator for ICYGANG instagram story and post
https://github.com/1weiho/icygang-product-card

canvas instagram

Last synced: about 14 hours ago
JSON representation

A product card image generator for ICYGANG instagram story and post

• Host: GitHub
• URL: https://github.com/1weiho/icygang-product-card
• Owner: 1weiho
• Created: 2023-01-22T18:56:40.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-04-18T16:09:04.000Z (almost 2 years ago)
• Last Synced: 2025-01-31T00:08:31.272Z (7 days ago)
• Topics: canvas, instagram
• Language: JavaScript
• Homepage: https://icygang-product-card.vercel.app
• Size: 744 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![readme-banner](https://user-images.githubusercontent.com/75478661/214215780-4ce4e23e-aa4a-45b9-a308-0061f958f8a7.png)

# ICYGANG Product Card Image Generator

This project is used to generate the product card image for the [ICYGANG](https://www.instagram.com/icygang_jewelry/)'s instagram story and posts.

## Project Setup

```bash

# install dependencies

npm i

# run local server in localhost:3000

npm start

```

## Instructions

1. Go to [https://davidho0403.github.io/icygang-product-card/](https://davidho0403.github.io/icygang-product-card/).

2. Click the blue upload icon to upload an image and change the product thumbnail.

3. Click `編輯` to edit the product name.

4. Click `產生圖片` to display the canvas in the `圖片預覽區`.

5. Right-click the canvas to download the image or copy it to the clipboard.

6. Click `切換顏色` to switch the theme between dark mode and light mode.