📄 Image to PDF Converter

A modern and responsive web application that converts multiple user-selected images into a single PDF document directly in the browser.

Built with React, Vite, and jsPDF.

---

🌐 Live Demo

🚀 https://image-to-pdf-gold.vercel.app/

---

✨ Features

• 📂 Upload multiple images
• 📑 Convert all images into one PDF
• 🖱️ Drag & drop image reordering
• ❌ Delete unwanted images
• 📝 Custom PDF filename support
• ⚡ Fast browser-side PDF generation
• 🎨 Animated particle background
• 📱 Fully responsive UI

---

🛠️ Tech Stack

• React.js
• Vite
• JavaScript
• jsPDF
• CSS3

---

📁 Project Structure

imageToPdf/
│
├── imageToPdf/
│   ├── public/
│   ├── src/
│   │   ├── App.jsx
│   │   ├── app.css
│   │   └── main.jsx
│   │
│   ├── .gitignore
│   ├── eslint.config.js
│   ├── index.html
│   ├── package.json
│   ├── package-lock.json
│   └── vite.config.js
│
└── README.md

---

⚙️ Installation

Clone the repository:

git clone https://github.com/SACHITH31/imageToPdf.git

Move into the project directory:

cd imageToPdf/imageToPdf

Install dependencies:

npm install

Run the development server:

npm run dev

---

🚀 Production Build

Create an optimized production build:

npm run build

Preview the production build:

npm run preview

---

🧠 How It Works

1. User selects multiple images
2. Images are previewed instantly
3. User can rearrange image order
4. Images are converted into PDF pages
5. PDF gets downloaded automatically

---

🔥 Core Functionalities

📂 Multiple Image Upload

Supports selecting multiple image files at once.

---

🖱️ Drag & Drop Reordering

Users can rearrange image order before PDF generation.

---

❌ Delete Images

Users can remove unnecessary images before converting.

---

📑 PDF Generation

The app dynamically generates PDF pages using jsPDF while preserving:

• Aspect ratio
• Image quality
• Proper page padding
• Center alignment

---

📝 Custom PDF Name

Users can set their own PDF filename before downloading.

---

📱 Responsive Design

Works smoothly across:

• Desktop
• Tablets
• Mobile devices

---

🔒 Privacy Friendly

All processing happens directly in the browser.

✅ No server uploads
✅ No cloud storage
✅ No tracking
✅ No data collection

Your files never leave your device.

---

🎯 Future Improvements

• Dark mode support
• PDF compression
• Custom page sizes
• Image rotation tools
• Watermark support
• Drag & drop upload area
• Multi-language support

---

🤝 Contributing

Contributions are welcome.

Steps

1. Fork the repository

2. Create a feature branch

git checkout -b feature-name

3. Commit your changes

git commit -m "Added new feature"

4. Push to GitHub

git push origin feature-name

5. Open a Pull Request

---

⭐ Support

If you found this project useful, give it a star ⭐ on GitHub.

---

📄 License

This project is licensed under the MIT License.

---

👨‍💻 Author

Developed by Sachith

• GitHub: https://github.com/SACHITH31

---