RemoveBackGround

Getting Started

• Create Svelete App npm create vite@latest Need to install the following packages: [email protected] Ok to proceed? (y) Y ✔ Project name: … react-cloudinary-remove-bg ✔ Select a framework: › Svelte ✔ Select a variant: › TypeScript

• Add Tailwind to Svelte Project

npx svelte-add@latest tailwindcss

• Then delete default css from src/app.postcss

Prettier

• Install Prettier plugin for svelte

npm i --save-dev prettier-plugin-svelte prettier

• Create and add Prettier config

{
	"useTabs": true,
	"singleQuote": true,
	"trailingComma": "none",
	"printWidth": 100,
	"plugins": ["prettier-plugin-svelte"],
	"pluginSearchDirs": ["."],
	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
}

DropZoneJs

Drag and Drop easy to use!

• URL: https://www.dropzone.dev/
• Install

npm i dropzone

Two-up

Web Component. A dynamic divider that shows two files. https://squoosh.app/editor

npm i two-up-element

Cloudinary Remove Background SDK

npm i @cloudinary/url-gen