https://github.com/klimeryk/dealwithit

Fully client-side Deal With It GIF emoji generator.
https://github.com/klimeryk/dealwithit

emoji generator typescript

Last synced: 3 months ago
JSON representation

Fully client-side Deal With It GIF emoji generator.

• Host: GitHub
• URL: https://github.com/klimeryk/dealwithit
• Owner: klimeryk
• License: agpl-3.0
• Created: 2024-07-31T21:31:43.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-10-16T10:27:35.000Z (8 months ago)
• Last Synced: 2025-03-02T00:15:47.624Z (3 months ago)
• Topics: emoji, generator, typescript
• Language: TypeScript
• Homepage: https://emoji.build/deal-with-it-generator/
• Size: 2.38 MB
• Stars: 253
• Watchers: 3
• Forks: 9
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• my-awesome-github-stars - klimeryk/dealwithit - Fully client-side Deal With It GIF emoji generator. (TypeScript)

README

        
# Deal With It emoji generator

Fully client-side Deal With It emoji generator hosted at https://emoji.build/deal-with-it-generator/

## Over-engineered features

- All operations done fully client-side - no backend, no private data leaves your browser.

- Uses [MediaPipe Face Detector task](https://ai.google.dev/edge/mediapipe/solutions/vision/face_detector) to automatically scale and position glasses on the detected faces.

- Extensive customization options for glasses:

  - Placement of glasses anywhere on the input image (including slightly going outside it).

  - Change the size of glasses.

  - Change the color of glasses to any RGBA value (only applies to the Classic style).

  - No limit on the number of glasses.

  - Flip the glasses vertically or horizontally.

  - Customize the direction from which the glasses appear on the image.

  - Different types of glasses.

- GIF output options:

  - Looping mode.

  - Number of frames.

  - Frame delay.

  - Separate delay setting for last frame.

  - Output size.

- Anonymous product analytics using [PostHog](https://posthog.com/), requiring explicit *opt-in*.

- Celebration confetti 🎉

- Easter eggs.

## Development

Uses [Vite](https://vitejs.dev/), so the usual dance is enough:

```

nvm use

npm install

npm run dev

```

Then visit http://localhost:5173/deal-with-it-generator/ (note the subdirectory).