Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion .github/workflows/build.yml
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,6 @@ jobs:
- uses: actions/setup-node@v3
with:
node-version: 18
cache: "npm"
cache: 'npm'
- run: npm install
- run: npm run build
2 changes: 1 addition & 1 deletion .github/workflows/eslint.yml
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,6 @@ jobs:
- uses: actions/setup-node@v3
with:
node-version: 18
cache: "npm"
cache: 'npm'
- run: npm install
- run: npm run lint
4 changes: 2 additions & 2 deletions .github/workflows/prettier.yml
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,6 @@ jobs:
- uses: actions/setup-node@v3
with:
node-version: 18
cache: "npm"
cache: 'npm'
- run: npm install
- run: npx prettier --check .
- run: npm run prettier:check
2 changes: 1 addition & 1 deletion .github/workflows/typescript.yml
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,6 @@ jobs:
- uses: actions/setup-node@v3
with:
node-version: 18
cache: "npm"
cache: 'npm'
- run: npm install
- run: npm run type-check
26 changes: 13 additions & 13 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@

# 🖼️ Image to SVG Converter

A simple web app that lets users upload any image (PNG/JPG) and instantly convert it into an **SVG** file.
Users can **preview**, **copy the SVG code**, or **download the file** to use anywhere.
Users can **preview**, **copy the SVG code**, or **download the file** to use anywhere.

---

## ✨ Features

- 🚀 Upload images (PNG, JPG, JPEG)
- 🔄 Convert raster images into scalable vector graphics (SVG)
- 👀 Live preview of the generated SVG
Expand All @@ -17,21 +17,19 @@ Users can **preview**, **copy the SVG code**, or **download the file** to use an
---

## 🛠️ Tech Stack

- **Frontend:** React / Next.js
- **Vectorization:** [ImageTracer.js](https://github.com/jankovicsandras/imagetracerjs)
- **Styling:** TailwindCSS (or your chosen framework)
- **Frontend:** React / Next.js
- **Vectorization:** [ImageTracer.js](https://github.com/jankovicsandras/imagetracerjs)
- **Styling:** TailwindCSS (or your chosen framework)

---

## 📦 Installation

Clone the repository:

```bash
git clone https://github.com/shitanshukumar607/imgToSvg.git
cd imgToSvg
```
````
Copy link

Copilot AI Oct 3, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Incorrect markdown code block syntax. Should use three backticks (```) instead of four (````).

Suggested change
````

Copilot uses AI. Check for mistakes.

Install dependencies:

Expand Down Expand Up @@ -60,12 +58,14 @@ Open [http://localhost:3000](http://localhost:3000) to view the app in the brows

## 📸 Screenshots



## 🔮 Future Improvements

- ✏️ Basic SVG editor (resize, recolor, simplify paths)
- 🎨 Presets (outline only, reduced colors, full color)
- 📂 Support batch uploads
- 🤖 AI-assisted vectorization for complex images
* ✏️ Basic SVG editor (resize, recolor, simplify paths)
* 🎨 Presets (outline only, reduced colors, full color)
* 📂 Support batch uploads
* 🤖 AI-assisted vectorization for complex images

---

Expand All @@ -79,4 +79,4 @@ Contributions are welcome!
4. Push branch (`git push origin feature-name`)
5. Create a Pull Request

---
---
4 changes: 2 additions & 2 deletions app/api/upload/route.ts
Original file line number Diff line number Diff line change
Expand Up @@ -48,13 +48,13 @@ export async function POST(req: Request) {
resolve(result);
});
uploadStream.end(buffer);
},
}
);

const svgString = await cloudinaryToSVG(cloudinaryResponse.secure_url);

return NextResponse.json(
{ url: cloudinaryResponse.secure_url, svg: svgString },
{ status: 201 },
{ status: 201 }
);
}
4 changes: 1 addition & 3 deletions app/globals.css
Original file line number Diff line number Diff line change
Expand Up @@ -157,9 +157,7 @@
border: 2px solid transparent; /* creates padding */
background-clip: padding-box;
box-shadow: var(--sb-glow);
transition:
background-color 150ms ease,
transform 150ms ease;
transition: background-color 150ms ease, transform 150ms ease;
}

*::-webkit-scrollbar-thumb:hover {
Expand Down
6 changes: 3 additions & 3 deletions lib/utils.ts
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import { clsx, type ClassValue } from "clsx";
import { twMerge } from "tailwind-merge";
import { clsx, type ClassValue } from "clsx"
import { twMerge } from "tailwind-merge"

export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs));
return twMerge(clsx(inputs))
}
1 change: 0 additions & 1 deletion test.md

This file was deleted.

Loading